design-md(设计系统提炼)
分析 Stitch 项目并将语义化设计系统整合到 DESIGN.md 文件中。
使用场景/设计与创意
Figma、图像生成、品牌素材。适合产品、运营、设计协作。
共匹配 1,864 个资源 · 第 14 / 39 页
设计类 MCP 把设计工具与图像生成能力接入 AI 工作流:Figma MCP 让 AI 读取设计稿的图层、变量与组件结构,直接生成对齐设计稿的前端代码;图像生成类 MCP 负责配图、图标与营销素材的批量产出。
典型用法:设计师在 Figma 中标注组件 → 开发者在 Cursor 中通过 Figma MCP 拉取节点信息 → AI 生成与设计系统一致的 React / Vue 代码。评审环节可以让 AI 对照设计稿截图做还原度检查。
注意版权与授权:仅处理团队有权访问的 Figma 文件;生成图片素材时确认模型的商用条款;字体与第三方素材仍需单独授权。
分析 Stitch 项目并将语义化设计系统整合到 DESIGN.md 文件中。
按正确顺序编排设计工作流,依次经过头脑风暴、多代理评审与执行就绪阶段。
数据库设计原则与决策方法:schema 设计、索引策略、ORM 选型与 serverless 数据库。
从威胁模型与业务场景中推导安全需求。适用于把威胁转化为可执行的需求、编写安全用户故事,或构建安全测试用例。
为敏感应用构建精简但真实可用的安全策略。输出是单份连贯的 Blue Book 文档,使用 MUST/SHOULD/CAN 措辞,并明确假设、范围与安全门禁。
多阶段 CI/CD 流水线的架构模式,包含审批门禁与部署策略。
掌握 REST 与 GraphQL API 设计原则,构建直观、可扩展、可维护,让开发者满意并经得起时间考验的 API。
构建带校验、错误处理、鉴权与文档的生产就绪 REST API 端点,遵循安全与可扩展性最佳实践。
面向加载状态、错误处理与数据获取的现代 React UI 模式。在构建 UI 组件、处理异步数据或管理 UI 状态时使用。
在生成报告、表格或邮件输出时,用本技能产出精致、自包含、响应式的 HTML。
重构并评审 SwiftUI 视图文件,默认实践包括拆分为小型专用子视图、MV 优于 MVVM、稳定视图树、显式依赖注入以及正确使用 Observation。适用于整理 SwiftUI 视图、拆分过长 body、移除内联动作或副作用、减少计算属性 `some View` 辅助函数,或统一 `@Observable` 与视图模型初始化模式。
设计数据库 schema——表、关系、索引、约束与 ORM 配置。涵盖关系型设计、规范化与常用模式。
构建或嵌入 Zoom 会议流程。用于实现 Meeting SDK 加入、Web 或移动端会议嵌入、会议生命周期流程,或在 Meeting SDK 与 Video SDK 之间做选型时。
为 Claude 设计 Zoom MCP 工作流。用于判断 Zoom MCP 是否契合某任务、规划基于工具的 AI 工作流,或划分 MCP 与 REST API 的职责。
使用 eth2-quickstart 自主部署加固的 Ethereum 节点,安装执行层与共识层客户端,配置 validator 元数据,安全暴露 RPC,并以结构化 JSON 输出检查节点健康。
构建、测试、lint、定版并发布生产级 Python 库到 PyPI 的端到端技能。覆盖四种构建后端(setuptools+setuptools_scm、hatchling、flit、poetry)、PEP 440 版本、语义化版本、基于 git tag 的动态版本、OOP/SOLID 设计、类型注解(PEP 484/526/544/561)、Trusted Publishing(OIDC)以及完整的 PyPA 打包流程。适用于:创建 Python 包、可 pip 安装的 SDK、CLI 工具、框架插件、pyproject.toml 配置、py.typed、setuptools_scm、semver、mypy、pre-commit、GitHub Actions CI/CD 或 PyPI 发布。
在扩展部署模块中创建与修改 Quarkus @BuildStep 方法、build item 与 recorder 的模式。
用于通用 PostgreSQL 表设计。**触发时机**——用户要求:设计 PostgreSQL 表、模式或数据模型(新建表与修改现有表时);为 PostgreSQL 选择数据类型、约束或索引;创建用户表、订单表、引用表或 JSONB 模式;了解 PostgreSQL 在规范化、约束或索引方面的最佳实践;设计高频更新、高频 upsert 或 OLTP 风格的表。**关键词**:PostgreSQL schema、table design、data types、PRIMARY KEY、FOREIGN KEY、indexes、B-tree、GIN、JSONB、constraints、normalization、identity columns、partitioning、row-level security。全面覆盖数据类型、索引策略、约束、JSONB 模式、分区与 PostgreSQL 特有最佳实践
全面的 PostGIS 空间表设计参考,涵盖几何类型、坐标系、空间索引与性能模式,适用于位置类应用
面向 Django 模板与 Vue 组件的前端 UI 实现、无障碍与响应式检查
移动 UI 模式——React Native、iOS/Android、触控目标
撰写或编辑 Spacebot 的任何文案时使用——README 章节、文档、release notes、营销文字、设计文档摘要。涵盖语态、语气、应避免的套路,以及优秀的 Spacebot 文字读起来是什么感觉。
打造独特、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、产物、海报或应用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任意 Web UI 做样式美化)时使用此技能。生成富有创意、打磨精细的代码与 UI 设计,避免千篇一律的 AI 审美。
掌握 REST 与 GraphQL 的 API 设计原则,构建直观、可扩展、易维护,能让开发者愉悦并经得起时间考验的 API。
仅在当前活跃的 Codex Project Autopilot 项目内按其计划处理自动化任务;自动驾驶之外的常规脚本请勿启用。
仅在当前活跃的 Codex Project Autopilot 项目内按照已批准的计划使用;自动驾驶之外的常规后端任务请勿启用。
仅在当前活跃的 Codex Project Autopilot 项目内使用,且数据层已属于自动驾驶计划范围时启用。
已废弃:本技能已被 mcp-app-builder 取代。检查 skills 目录中是否有 mcp-app-builder;若没有,安装:npx skills install mcp-use/mcp-use --skill mcp-app-builder。请用 mcp-app-builder 替代本技能。用 mcp-use 框架构建 Model Context Protocol(MCP)server。适用于创建 MCP server、定义 tools/resources/prompts、使用 mcp-use、引导 MCP 项目,或用户提到 MCP 开发、tools、resources、prompts 时。
所有 MCP server 工作的强制技能——mcp-use 框架的最佳实践与模式。做任何 MCP server 工作前先读:新建 MCP server;修改现有 server(增改 tools/resources/prompts/widgets);调试 MCP server 问题;从质量、安全、性能角度评审 MCP server 代码;回答 MCP 开发或 mcp-use 模式的问题;以及对 server.tool()、server.resource()、server.prompt()、widgets 做任何修改。本技能包含关键的架构决策、安全模式和常见坑。实现 MCP 功能前务必先查阅相应的参考文件。
对比主流学术数据库,说明各自适用的研究场景。
可复现的 Python 环境、notebook 与文学编程。
借助 Brave and True 手册学习用 Python 做因果推断。
用 matplotlib、seaborn 和 plotly 绘制可发表质量的数据图表。
设计并撰写统计算法文档,包含伪代码与复杂度分析。
Zotero 文献管理器的 PDF 中文翻译插件
从移动屏幕出发设计响应式界面,并向更大设备渐进增强。在构建响应式网站、针对移动用户优化或实现自适应布局时使用。
创建具有高设计品质、独特且生产级的前端界面。当用户要求构建 Web 组件、页面、制品、海报或应用时使用(如网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或对任何 Web UI 做样式/美化)。产出有创意、精致、避免 AI 通用美学的代码与 UI 设计。
设计 PostgreSQL 专属模式。涵盖最佳实践、数据类型、索引、约束、性能模式与高级特性
面向 PostgreSQL、MySQL 和 NoSQL 数据库的 schema 设计、优化与迁移模式。用于设计 schema、编写迁移或优化查询。
由 Impeccable 与自定义扩展融合而成的前端设计技能。覆盖设计哲学、反 AI 模板腔模式、字体排印、色彩(OKLCH)、空间设计、动效、交互、响应式、UX 写作、状态管理、工程化及 4 种风格变体。另含 20 个命令技能,用于审计/点评/打磨/动效等。
从结构化的想法规格出发设计新的 Claude skill。当技能自动生成流水线需要产出 Claude CLI 提示词,以按仓库约定创建完整技能目录(SKILL.md、参考资料、脚本、测试)时使用
RTK 的 Rust 设计模式:Newtype、Builder、RAII、Trait Objects、状态机,应用于 CLI filter 模块。设计新模块或重构已有模块时使用。
构建真正具备设计品质的 Web 界面,而非 AI 粗制滥造之作。适用于任何前端工作——落地页、Web 应用、仪表盘、管理面板、组件、交互体验。新建项目与改造既有应用均生效,会检测并遵循现有设计系统。涵盖构图、排版、配色、动效与文案,并通过截图验证结果后才宣告完成。
使用 Tailwind CSS v4、设计令牌、组件库与响应式模式构建可扩展设计体系。适用于创建组件库、实施设计系统或标准化 UI 模式。
针对图类型(graph、hypergraph、temporal_graph、spatial_graph)设计 YAML 抽取模板。当用户说“设计图谱”“创建知识图谱”“抽取关系”“时序数据”“空间数据”时使用。触发条件:用户想抽取实体关系、多方事件或时间/地点相关数据。跳过条件:只需简单的记录抽取(改用 record-designer)。
针对记录类(model、list、set)设计 YAML 抽取模板。当用户说“设计模型模板”“创建条目列表抽取”“抽取条目”“实体去重”时使用。触发条件:用户想抽取结构化记录、列表或去重实体。跳过条件:用户提到图、关系或知识图谱(改用 graph-designer)。
创造具辨识度、生产级、高设计质量的前端界面。当用户要求构建 Web 组件、页面、artifacts、海报或应用时使用(示例包括网站、落地页、仪表盘、React 组件、HTML/CSS 布局,或为任意 Web UI 做样式美化)。生成富有创意、精致的代码与 UI 设计,避免千篇一律的 AI 审美。
设计并实现自然且恰到好处的 Web 动画。当用户问到动画、运动、easing、时序、时长、spring、过渡或动画性能相关问题时主动使用。包括如何为特定 UI 元素做动画、该用哪种 easing、动画最佳实践,或动效的无障碍考量。触发词:easing、ease-out、ease-in、ease-in-out、cubic-bezier、bounce、spring 物理、keyframes、transform、opacity、fade、slide、scale、hover 效果、微交互、Framer Motion、React Spring、GSAP、CSS transitions、进出场动画、页面过渡、stagger、will-change、GPU 加速、prefers-reduced-motion、modal/dropdown/tooltip/popover/drawer 动画、手势动画、拖拽交互、按钮按压感、显得卡顿、变顺滑。
需要 Figma 个人访问令牌(Personal Access Token)或企业 OAuth 授权,令牌只需授予文件读取范围。AgentHub 详情页标注了对应环境变量。
可以读到结构并生成初版代码,但复杂交互与响应式仍需人工调整。业界普遍把它用作「设计到代码」的第一稿加速器而非最终交付。
取决于模型训练与输出条款。商用发布前请确认服务提供方公开的版权政策,重要素材保留人工审核环节。