mcpField

Skills

收录 96,981 个为 Agent 打包的专项能力与操作指引,复制一行命令即可安装。

设计与 UI

M
muapi-logo-branding
muapi-logo-branding
samuraigpt / generative-media-skills

设计专业标志,并提供完整的品牌方案——主标志、各类变体(深色/浅色/仅图标)、配色方案以及真实场景应用效果图。

设计与 UI666
R
react-native-r3f
react-native-r3f
mindrally / skills

使用 React、Vite、Tailwind CSS 和 three.js 进行 React Three Fiber 开发的专家指南

开发666
S
syncfusion-react-breadcrumb
syncfusion-react-breadcrumb
syncfusion / react-ui-components-skills

实现并配置 Syncfusion React Breadcrumb 组件,用于导航路径、路由和站点层级结构。当用户需要面包屑导航、创建层级导航路径、显示位置面包屑、处理页面之间的导航、自定义溢出行为,或将面包屑与路由库集成时,使用此技能。

设计与 UI666
S
syncfusion-react-heatmap
syncfusion-react-heatmap
syncfusion / react-ui-components-skills

实现 Syncfusion React HeatMap Chart 组件以进行数据可视化。当用户需要创建热力图、可视化二维数据模式、以颜色渐变显示矩阵数据、配置坐标轴(数值型/分类/日期时间)、实现图例、处理单元格选择、应用自定义样式或处理大型数据集时,使用此技能。涵盖安装、数据绑定、坐标轴配置、外观定制、交互模式、工具提示、事件和无障碍支持。

数据与数据库666
A
anycap-human-interaction
anycap-human-interaction
anycap-ai / anycap

使用 AnyCap 的标注工具从人类收集结构化视觉反馈,或使用交互式白板(Excalidraw)创建并迭代图表。涵盖图像标注、带屏幕录制的 URL/网页审阅、视频审阅、音频反馈,以及支持 Mermaid 输入的协作绘图。当你需要人来指出问题、标记区域、在截图上绘制、审阅网页或 UI、通过录屏口述反馈、提供任何基于空间定位的视觉输入、创建或迭代架构图、流程图或线框图时使用。此外,当你需要把进行中的工作展示给人类以获得批准或修改时也使用。触发词:获取反馈、展示给用户、审阅 UI、标注、标记、视觉反馈、屏幕录制、用户审阅、human-in-the-loop、审批流程、交互式审阅、白板、图表、绘制、流程图、线框图、架构图。

Agent 工作流665
B
bklit-playground
bklit-playground
bklit / bklit-ui

已弃用——请改用 bklit-studio。本地 /playground 不再是 bklit-ui 贡献者的图表开发流程。

开发665
C
canva
canva
social-media-skills / skills

Canva 设计技能——无需设计师即可批量制作符合品牌风格的社交图形、轮播图、语录卡、信息图和缩略图,并摆脱“Canva 风格”。用户想在 Canva 中进行设计、制作社交图形、设置 Brand Kit、批量制作图形(Bulk Create)、将一份设计调整为适配所有平台的尺寸(Magic Resize)、使用 Canva AI(Magic Studio),或询问为何帖子看起来像模板时使用。采用 SCALE 框架。首先读取 brand-profile + design-and-templates + voice-builder。Agent 编写规格;在 Canva MCP/Connect API 已连接时直接创建设计;由人工批准每个视觉内容;通过 WoopSocial 发布导出内容。不得去除水印、冒充其他品牌或未经许可使用他人肖像;须遵守 AI 披露和无障碍要求。不同于其执行的品牌系统 design-and-templates、专用于生成的 image-prompt + 图像工具、编辑路由器 ai-image-editing,以及视频编辑工具 capcut/descript。

设计与 UI665
H
hig-components-content
hig-components-content
raintree-technology / hig-doctor

面向内容展示组件的 Apple 人机界面指南。当用户询问「charts 组件」「collection view」「image view」「web view」「color well」「image well」「activity view」「lockup」「数据可视化」「内容展示」、在 Apple 应用中显示图片、渲染网页内容、取色器,或呈现项目集合时,使用此技能。当用户说「我该怎么展示图表」「展示图片的最佳方式是什么」「我该用 web view 吗」「怎么做网格布局的项目」「哪个组件能显示媒体」「怎么呈现分享面板」时也使用。交叉引用:hig-foundations 涵盖颜色/排版/无障碍,hig-patterns 涵盖数据可视化模式,hig-components-layout 涵盖结构容器,hig-platforms 涵盖平台特有的组件行为。

设计与 UI665
M
muapi-interior-design
muapi-interior-design
samuraigpt / generative-media-skills

创建专业的室内设计可视化效果——重新设计现有房间、生成新的房间概念,或在空间中呈现特定家具风格。

设计与 UI665
M
muapi-interior-design-visualizer
muapi-interior-design-visualizer
samuraigpt / generative-media-skills

通过生成空房间并填入时尚家具与装饰,或重新设计现有房间,来呈现室内设计效果。

设计与 UI665
S
syncfusion-react-carousel
syncfusion-react-carousel
syncfusion / react-ui-components-skills

完整指南:实现 Syncfusion React Carousel 组件,用于轮播图片库、商品轮播、幻灯片演示、用户评价和顺序内容展示。当处理幻灯片切换、导航控件、动画、样式和无障碍功能时使用此技能。涵盖安装、项填充以及所有 API 属性、方法和事件。

设计与 UI665
M
muapi-brand-kit
muapi-brand-kit
samuraigpt / generative-media-skills

生成统一连贯的品牌视觉套件——标志概念、色板情绪板、字体搭配建议。

设计与 UI664
S
scroll-experience
scroll-experience
davila7 / claude-code-templates

沉浸式滚动体验构建专家——视差叙事、滚动动画、交互式故事和电影级网页体验。类�� The New York Times 的交互作品、Apple 产品页以及获奖网页体验。让网站像体验而不只是页面。适用于:滚动动画、视差、滚动叙事、交互式故事、电影感网站。

设计与 UI664
S
syncfusion-react-sidebar
syncfusion-react-sidebar
syncfusion / react-ui-components-skills

为导航布局实现响应式 Syncfusion React Sidebar 组件。在构建响应式导航菜单、抽屉式布局或具有多种显示模式(Over、Push、Slide)的可折叠侧边栏时使用。本技能涵盖侧边栏配置、动画、遮罩层、键盘无障碍以及与多级导航系统的集成。

设计与 UI664
A
ai-image-editing
ai-image-editing
social-media-skills / skills

AI 图像编辑路由器——按任务优先将图像修复/物体移除、背景移除、放大、扩图、旧照片修复和润饰分配给合适的引擎。用户想从照片中移除物体/人物、抠出背景、放大图像、扩展图像以适配新的宽高比、修复旧照片、修正生成图像,或询问应使用哪种编辑工具时使用。采用 TOUCH 框架。首先读取 brand-profile + design-and-templates。Agent 识别任务、分配合适的引擎并编写规范;在 API 已连接时可调用 API;由 HUMAN 以 100% 的标准评判每项结果;由 WoopSocial 发布。诚信原则:真实照片经过编辑,就意味着对照片进行了编辑——创意型放大工具会臆造细节(绝不用于产品/文档);不得掩盖瑕疵;遵守身体修饰披露要求;不得去除水印/来源信息。不同于用于生成的 image-prompt/flux/nano-banana、设计工作流 canva,以及规定声明规则的 before-after-and-transformation。

创意与媒体663
R
react-native-animations
react-native-animations
pluginagentmarketplace / custom-plugin-react-native

精通动画:Reanimated 3、Gesture Handler、布局动画和性能优化

设计与 UI663
S
syncfusion-react-bullet-chart
syncfusion-react-bullet-chart
syncfusion / react-ui-components-skills

实现 Syncfusion React Bullet Chart 组件,用于 KPI 和绩效指标可视化。当用户需要功能度量显示、对比度量、目标对比或指标可视化时使用。涵盖数据绑定、值条、目标条、区间、标题、工具提示、数据标签、坐标轴自定义、方向以及无障碍。

数据与数据库663
S
syncfusion-react-timeline
syncfusion-react-timeline
syncfusion / react-ui-components-skills

实现 Syncfusion React Timeline 组件,用于按时间顺序显示事件,支持自定义布局、样式和交互。当用户需要创建时间线、显示事件序列、展示里程碑进展、创建活动流或构建基于时间顺序的数据可视化时使用本技能。涵盖职业经历、项目路线图、流程流转、交付跟踪以及基于时间的事件展示。

设计与 UI663
D
design-systems-frontend-architecture
design-systems-frontend-architecture
hueyexe / frontend-agent-skills

适用于构建可复用的前端系统、设计令牌、组件契约、响应式布局、CSS 策略,或设计系统文档与治理。

设计与 UI662
K
k2f-business-proposal
k2f-business-proposal
suzheng / k2f

将需求简报和调研笔记转化为有说服力的商业提案:提供可直接决策的叙事、分阶段方案和清晰的投资说明,适合先快速浏览的高管。当用户需要商业提案、项目提案、商务报价或面向客户的提案陈述(而非完整的法律工作说明书 SOW)时使用。由 K2F 格式和引擎驱动,以 AI 原生设计和最高审美标准创建商业提案。K2F 专为 AI Agent 打造,让它们专注于语义内容和设计意图,同时自动处理排版、字体和格式的复杂性。

文档处理662
M
macos-settings-ui
macos-settings-ui
fayazara / macos-app-skills

构建支持 macOS 26(Tahoe)液态玻璃的正规 macOS 设置/偏好设置窗口。当用户要求为 macOS 应用创建设置窗口、偏好设置界面、设置视图或偏好设置面板时,请使用此技能。当用户提到“液态玻璃设置”“NavigationSplitView 设置”“分组 Form 设置”“macOS 设置布局”,或想在任何原生 macOS SwiftUI 应用中添加/修复/重建设置界面时,也要触发。这包括“给我的应用添加设置”“创建偏好设置窗口”“我的设置看起来不对”“修复我的设置 UI”,甚至仅仅说“我需要一个设置视图”这样的表述。如果用户正在构建 macOS 应用并在任何上下文中提到设置或偏好设置,请使用此技能。

设计与 UI662
M
muapi-brochures
muapi-brochures
samuraigpt / generative-media-skills

生成专业的多页宣传册设计——封面、跨页内页和封底——适用于企业、房地产、活动或产品发布。

设计与 UI662
M
muapi-logo-generator
muapi-logo-generator
samuraigpt / generative-media-skills

为任意品牌快速生成一款精致的 logo — 快速、聚焦,单一输出,干净的矢量风格与准确的品牌名称文字。

设计与 UI662
S
syncfusion-react-progress-bar
syncfusion-react-progress-bar
syncfusion / react-ui-components-skills

实现 Syncfusion React 进度条以提供视觉反馈。当用户需要在 React 应用中显示进度指示、加载状态、文件上传、数据处理或任务完成情况时,使用此技能。当用户提到进度条、加载指示器、进度指示、确定/不确定状态、圆形/线性进度,或任何进度可视化场景时触发。

设计与 UI662
I
iphone-duo-hinge-and-scenes
iphone-duo-hinge-and-scenes
mirzaaghazadeh / iphone-duo-skills

使用 iPhone Duo 铰链角度实现交互和效果,支持 Split View 多任务处理和多个应用场景,并通过包括 CameraCaptureAccessory 在内的场景配件,在两个显示屏之间配对 UI。用于构建折叠驱动效果、多窗口支持或双显示屏体验。

开发661
S
syncfusion-react-splitter
syncfusion-react-splitter
syncfusion / react-ui-components-skills

实现 Syncfusion React Splitter 组件,用于灵活、可调整大小的面板布局。指南涵盖布局配置、面板尺寸设置、折叠/展开、调整大小事件、内容类型、无障碍支持和 RTL 支持。在构建具备动态调整大小能力的多面板界面时使用此技能。

设计与 UI661
H
hig-components-status
hig-components-status
raintree-technology / hig-doctor

Apple HIG 关于状态与进度 UI 组件的指导,包括进度指示器、状态栏和活动圆环。当被问及“progress indicator”、“progress bar”、“loading spinner”、“status bar”、“activity ring”、“progress display”、确定型与非确定型进度、加载状态或健身追踪圆环时,使用本 skill。当用户询问“如何显示加载状态”、“该用 spinner 还是 progress bar”、“状态栏里放什么”,或询问活动指示器时,也使用本 skill。交叉引用:hig-components-system(widget 与 complication)、hig-inputs(手势驱动的进度控件)、hig-technologies(HealthKit 与活动圆环数据集成)。

设计与 UI660
K
k2f-research-deck
k2f-research-deck
suzheng / k2f

把论文、学习笔记和初步数据转化为可用于决策的研究演示文稿,用于组会、PI 评审、基金申请和研讨会——保留真实的数据、证据链和注意事项。当用户需要研究演示文稿、组会幻灯片、学习总结演示、学术评审演示,或将论文转为忠实讲解的幻灯片时使用(而非风格化的社交图片演示文稿)。研究演示文稿采用 AI 原生设计和最高审美标准,由 K2F 格式和引擎驱动。K2F 专为 AI Agent 打造,让它们专注于语义内容和设计意图,同时自动处理排版、字体和格式化等复杂工作。

文档处理660
S
syncfusion-react-smithchart
syncfusion-react-smithchart
syncfusion / react-ui-components-skills

实现并自定义 Syncfusion React Smith Chart 组件,用于传输线和射频电路的可视化。当用户需要用 Smith 图进行阻抗匹配、射频设计或电信数据可视化时使用。涵盖系列配置、坐标轴自定义、标记、数据标签、图例、工具提示、打印/导出以及无障碍功能。

数据与数据库660
M
muapi-blog-header
muapi-blog-header
samuraigpt / generative-media-skills

生成专业且吸睛的博客文章头图,尺寸为网页标准(1200×628),并可提供可选的标题构图建议。

设计与 UI659
M
muapi-url-to-design
muapi-url-to-design
samuraigpt / generative-media-skills

分析网站 URL 并生成重新设计、改进后的 UI——以现代美学、更好的信息层级和全新的品牌方向重现视觉设计。

设计与 UI659
P
presentations
presentations
dylantarre / animation-principles

在制作 Keynote、PowerPoint、Google Slides 动画或任何演示动效设计工作时使用。

文档处理659
S
syncfusion-react-3d-circular-chart
syncfusion-react-3d-circular-chart
syncfusion / react-ui-components-skills

实现 Syncfusion React 3D Circular Chart 组件,用于饼图和环形图可视化。适用于用户需要 3D 环形图、数据标签、图例、工具提示或空数据点处理时。指导在 React 应用中安装、配置、定制和排查 3D Circular Chart 的问题。

数据与数据库659
S
syncfusion-react-circular-gauge
syncfusion-react-circular-gauge
syncfusion / react-ui-components-skills

使用 Syncfusion React Circular Gauge 显示 KPI、传感器数据、速度表和实时监控仪表板。当用户需要在圆形刻度上可视化定量测量值时使用此技能。涵盖坐标轴、指针、范围、自定义、动画、打印/导出、无障碍和国际化。

数据与数据库659
I
image-optimization
image-optimization
aj-geddes / useful-ai-prompts

优化网页图片,在不牺牲质量的前提下减小文件体积。借助压缩、现代格式和响应式技术实现更快的加载速度。

开发658
S
syncfusion-react-sankey
syncfusion-react-sankey
syncfusion / react-ui-components-skills

实现 Syncfusion React Sankey 图表,用于可视化能量流、流程依赖关系以及节点之间的层级关系。在创建 Sankey 图、流程可视化或节点-链接网络时使用此技能。涵盖安装、节点与链接配置、标签、图例、工具提示、事件、外观自定义、RTL 支持、无障碍和导出功能。

数据与数据库658
M
muapi-design-guide
muapi-design-guide
samuraigpt / generative-media-skills

创建一套完整的品牌设计指南:配色方案、字体搭配、UI 组件预览,以及带有示例模型图的视觉识别规范。

设计与 UI657
P
polish
polish
aladicf / better-web-ui

在发布前做最后一道质量把关,修正对齐、间距、一致性和细节问题。当工作在功能上已完成、只需收尾打磨时使用;当层级、结构、语气或技术基础仍需大幅调整时不适用。

设计与 UI657
S
syncfusion-react-stepper
syncfusion-react-stepper
syncfusion / react-ui-components-skills

实现并配置用于引导式工作流的 Syncfusion React Stepper 组件。在 React 中创建分步导航流程、多步表单、向导或流程指南时使用此技能。该技能涵盖步骤配置、方向(水平/垂直)、事件、验证、动画、模板、无障碍,以及线性或非线性工作流的全球化支持。

设计与 UI657
S
syncfusion-react-stock-chart
syncfusion-react-stock-chart
syncfusion / react-ui-components-skills

实现 Syncfusion React Stock Chart 组件,用于可视化金融和市场数据。适用于用户需要股价可视化、OHLC 图表、蜡烛图或交易图表界面的场景。支持多种系列类型、周期选择器、范围导航器、技术指标(如 SMA、MACD、布林带),以及 React 应用中金融数据的交互式分析工具。

数据与数据库657
S
syncfusion-react-range-navigator
syncfusion-react-range-navigator
syncfusion / react-ui-components-skills

实现 Syncfusion React Range Navigator 组件,用于滚动浏览数据并通过范围选择进行导航。适用于用户需要基于时间的导航、金融数据可视化,或与范围选择器控件集成的图表场景。支持数值型、对数型和 DateTime 数据绑定、多种系列类型、周期选择器、轻量模式、工具提示、RTL 以及导出/打印功能。

数据与数据库656
A
add-ui
add-ui
aladicf / better-web-ui

为指定的新建或已有的区块、组件、页面、流程或外壳生成 5 个各不相同、可投入生产的 UI 方案,并帮助用户预览和应用其中一个。当用户要求添加或重新设计主视觉区(hero)、定价页、导航栏、认证流程、仪表盘外壳、电商界面或数据组件等 UI 时使用。

设计与 UI655
A
audit
audit
aladicf / better-web-ui

围绕可访问性、性能、主题、响应式设计和反模式执行技术质量检查。生成带 P0-P3 严重程度评级和可执行计划的评分报告。当用户希望获得可衡量的可访问性、性能、响应式、主题或反模式发现时使用——而不是当他们主要想要整体 UX 评估或最终的视觉与细节打磨时。

测试与质量655
F
fluid-functionalism
fluid-functionalism
mickadesign / fluid-functionalism

使用 Fluid Functionalism 构建 React UI——这是一个 shadcn/ui registry(@fluid),包含采用共享动效系统的动画组件:三种弹簧速度、会滑向最靠近光标项目的悬停高亮,以及在不引发布局偏移的情况下改变字重的标签。只要用户提到 Fluid Functionalism、@fluid 或 fluidfunctionalism.com,询问如何在 React、Next.js、shadcn、Radix 或 Base UI 项目中打造令人愉悦、流畅、精致的动效 UI,在安装了 @fluid 组件的项目中构建任何界面(设置对话框、侧边栏、命令菜单、聊天 UI、表单、列表、表格),要求根据该系统审查或审计现有 UI 动效,或询问如何更新已安装的 @fluid 组件或某个版本的变更,就使用此工具。在这些项目中手写动画代码(悬停高亮、图标切换、字重变化、进入/退出过渡、页面显现、骨架屏加载)之前也使用它,确保自定义代码遵循系统,而非自行设定时序。捆绑脚本每次运行都会重新读取技术栈,且不会写入任何内容。

设计与 UI655
H
hig-components-search
hig-components-search
raintree-technology / hig-doctor

Apple HIG 关于导航相关组件的指导,包括搜索字段、页面控件和路径控件。当用户说「我的应用里搜索应该怎么工作」「我需要一个面包屑」「内容怎么分页」,或询问搜索字段、搜索栏、页面控件、路径控件、面包屑、导航组件、搜索 UX、搜索建议、搜索范围、分页内容导航或文件路径层级显示时,使用此技能。交叉引用:hig-components-menus、hig-components-controls、hig-components-dialogs、hig-patterns。

设计与 UI655
K
k2f-receipt
k2f-receipt
suzheng / k2f

依据用户提供的支付明细或结构化摘要,生成蓝本式交易凭证和周期影响回执,让总额、参考编号与归属关系对客户、财务或管理者都清晰可查。用户要求收据、付款确认、销售单、捐赠凭证、费用证明、用量影响回执,或「展示已交付内容」时使用。以 AI 原生设计和最高审美标准生成回执,由 K2F 格式与引擎驱动,专为 AI Agent 打造:K2F 让它们专注于语义内容和设计意图,自动处理排版、字体排印与格式等复杂问题。

文档处理655
S
syncfusion-react-linear-gauge
syncfusion-react-linear-gauge
syncfusion / react-ui-components-skills

实现 Syncfusion React Linear Gauge,用于在线性刻度上显示测量值。适用于用户需要温度传感器、KPI 指标、进度仪表或实时监控仪表板的场景。涵盖坐标轴配置、指针类型、范围、注释、自定义、动画、打印/导出、无障碍和国际化。

数据与数据库655
T
tailwindcss-advanced-design-systems
tailwindcss-advanced-design-systems
josiahsiegel / claude-plugin-marketplace

Tailwind CSS 高级设计系统,涵盖设计令牌与 @theme 配置。主动启用场景:(1) 在 Tailwind v4 上构建设计系统,(2) @theme 指令与 CSS-first 配置,(3) 自定义色阶 (50-950) 与语义令牌,(4) 排版比例与使用 clamp() 的流体字号,(5) 间距令牌与 8pt 网格,(6) 阴影体系、圆角令牌、动效令牌,(7) 通过 @theme 实现浅色/深色模式令牌,(8) Figma 到 Tailwind 的令牌同步,(9) 设计令牌工具(Style Dictionary、Tokens Studio),(10) 按品牌定制主题。提供:@theme 配置模板、语义令牌命名规范、流体字号计算器、设计令牌同步工作流,以及多品牌主题模式。

设计与 UI655
H
hig-inputs
hig-inputs
raintree-technology / hig-doctor

Apple HIG 关于输入方式与交互模式的指导:手势、Apple Pencil、键盘、游戏控制器、指针、Digital Crown、眼动追踪、焦点系统、遥控器、空间交互、陀螺仪、加速度计和临近交互。适用于以下提问:「手势设计」「Apple Pencil」「键盘快捷键」「游戏控制器」「指针支持」「鼠标支持」「触控板」「Digital Crown」「眼动追踪」「visionOS 输入」「焦点系统」「遥控操作」「陀螺仪」「空间交互」。当用户说「我应该支持哪些手势」「如何添加键盘快捷键」「Apple TV 上的输入如何运作」「我应该支持 Apple Pencil」或询问输入设备处理时也适用。交叉引用:hig-components-status、hig-components-system、hig-technologies,其中包含 VoiceOver 和 Siri。

设计与 UI654
S
syncfusion-react-treemaps
syncfusion-react-treemaps
syncfusion / react-ui-components-skills

Syncfusion React TreeMap 组件的全面指南。当用户需要帮助创建层次化数据可视化、配置下钻交互、应用颜色映射、处理多个层级、自定义叶子节点,或排查 TreeMap 数据绑定与显示问题时,请使用此技能。涵盖安装、数据绑定模式、布局、图例、工具提示、选择、无障碍访问,以及交互式层次数据探索的高级定制。

数据与数据库654
U
ux-compare
ux-compare
jezweb / claude-skills

使用 ux-extract 生成的模式库,跨多个参考应用比较 UX 模式。读取 2 个以上的 pattern-library.md 文件,按类别逐一梳理,识别各应用趋同之处(强信号)、分歧之处(真正的设计选择)、某个应用独有的内容,以及整组中都缺失的内容。生成一份带有明确立场的比较文档,并为新构建项目给出建议。无需浏览器——纯 Markdown 分析。通过「比较 UX 模式」「顶级应用如何处理 X」「UX 对比」「跨参考应用的模式对比」触发。

设计与 UI654
V
visual-qa-testing
visual-qa-testing
spencerpauly / awesome-cursor-skills

通过在 Cursor 内置浏览器中启动 Web 应用、截取屏幕截图、检查控制台错误并审查网络请求,对 Web 应用进行视觉 QA。完成 UI 改动后用于验证其显示是否正确。

测试与质量654
E
e-commerce-retail
e-commerce-retail
dylantarre / animation-principles

在为购物应用、产品目录、结账流程或零售体验设计动画时使用

设计与 UI653
D
discover-journey-map
discover-journey-map
product-on-purpose / pm-skills

将客户旅程按阶段、触点、情绪曲线、痛点与关键时刻映射为 markdown 文档,可附带 mermaid 时间线或流程图。当把已有研究整合成客户体验的整体形态(端到端或某一阶段)时使用。若尚无研究信号,应先运行 discover-interview-synthesis 或 measure-survey-analysis;拒绝编造情绪或行为数据。

设计与 UI651
C
claude-design
claude-design
nousresearch / hermes-agent

设计一次性的 HTML 制品(落地页、演示稿、原型)。

设计与 UI650
G
ghui-storybook-expert

暂无简介

设计与 UI649
G
ghui-storybook-setup

暂无简介

设计与 UI649
H
hig-components-system
hig-components-system
raintree-technology / hig-doctor

关于系统体验组件的 Apple HIG 指导:小组件、实时活动、通知、复杂功能、主屏幕快捷操作、top shelf、watch 表盘、App Clip 和 App 快捷指令。当被问及以下内容时使用:「widget 设计」「live activity」「notification 设计」「complication」「主屏幕快捷操作」「top shelf」「watch 表盘」「app clip」「app shortcut」「system experience」。当用户说「我该怎么设计一个 widget」「我的通知应该长什么样」「Live Activity 是怎么运作的」「我该不该做一个 App Clip」,或询问主应用之外的界面时,也应使用。交叉引用:hig-components-status(widget 中的进度)、hig-inputs(交互模式)、hig-technologies(Siri 与系统集成)。

设计与 UI649
H
hig-project-context
hig-project-context
raintree-technology / hig-doctor

创建或更新共享的 Apple 设计上下文文档,供其他 HIG 技能使用以定制建议。当用户说出"设置我的项目上下文"、"我要面向哪些平台"、"配置 HIG 设置"时,或在启动新的 Apple 平台项目时使用。当其他 HIG 技能需要项目上下文但尚不存在时也会激活。此技能会创建 .claude/apple-design-context.md,使 hig-foundations、hig-platforms、hig-components-*、hig-inputs 和 hig-technologies 无需重复提问即可给出有针对性的建议。

设计与 UI649
S
search
search
aladicf / better-web-ui

设计或改进搜索体验、结果展示和筛选界面。当用户要求添加搜索、重新设计搜索结果、提升可发现性、构建自动补全、添加筛选器或修复零结果死胡同时使用。

设计与 UI649
第 2161–2220 条,共 10,586 条

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。