feature-sliced-design
Feature-Sliced Design（FSD）v2.1 官方技能，用于在前端项目中应用该架构方法论，指导项目结构组织、代码放置与分层规则。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-10 00:15
设计与创作
22,662 个结果
video-spec-builder
video-spec-builder 是一个面向视频创作的需求收集与分镜脚本技能：通过追问把模糊的视频想法拆成镜头级方案，支持迭代修改，并输出标准化 video-spec.md 供 HyperFrames 渲染。
create-design-system-rules
为代码库生成自定义设计系统规则，指导 AI 编码代理在实现 Figma 设计时遵循团队约定、组件模式与架构决策。支持 Claude Code、Codex CLI、Cursor 等代理的规则文件。
figma-code-connect
Figma Code Connect 技能：根据 Figma 组件生成并维护 .figma.ts 模板文件，把 Figma 组件映射到代码片段。适用于用户提到 Code Connect 或需要建立组件与代码对应关系的场景。
figma-create-design-system-rules
Figma MCP 服务器指南中的一个技能，用于为代码库生成定制设计系统规则，让 AI 编码代理在实现 Figma 设计时遵循团队组件规范、样式与设计令牌约定。
figma-create-new-file
用于在 Figma 中新建文件的技能：在调用 create_new_file 工具前先解析 planKey 与 editorType，再创建 Figma Design、FigJam 或 Slides 文件，并可处理新建 Slides 的空网格情况。
figma-design-to-code
Figma MCP 工作流中的前置技能，用于在调用 get_design_context 前登记技能名，并规范从设计稿到代码的实现与校验流程，强调截图作为视觉目标、高保真响应、复用项目组件与资源。
figma-generate-design
Figma MCP 技能，用于把应用页面、视图或多区块布局转换为 Figma 中可编辑的设计稿，复用已发布设计系统的组件、变量与样式，而非用硬编码数值绘制基础图形。
figma-generate-diagram
Figma MCP 的 generate_diagram 技能说明：在每次调用 generate_diagram 前必须先加载，用于把 Mermaid.js 语法生成可编辑的 FigJam 图表，并给出支持类型、路由、通用约束与混合工作流指引。
figma-generate-library
Figma MCP 技能，用于从代码库在 Figma 中构建或更新专业级设计系统，可创建变量/令牌、组件库，并支持按范围执行与校验。
figma-implement-motion
将 Figma 中的动效与动画翻译为可运行的生产代码（motion.dev、CSS keyframes 或框架动画库）。适用于依据 Figma 设计实现动画/动效的场景，需连接 Figma MCP 服务器并从 URL 解析 fileKey 与 nodeId。
figma-swiftui
在 Figma 设计与 SwiftUI 代码之间双向转换的技能。用户提到 Swift、SwiftUI、iOS、iPhone 或 iPad 时触发，可将 Figma 设计稿转为 SwiftUI 代码，或将 SwiftUI 视图、界面与设计令牌推送到 Figma。
figma-use
figma-use 是 Figma MCP 服务器配套的技能，用于通过 Plugin API 在 Figma 文件中执行 JavaScript。调用 use_figma 工具前必须先加载本技能，并在 skillNames 参数中包含 figma-use。
figma-use-figjam
该技能为 Figma 的 use_figma MCP 工具提供 FigJam 专用上下文，帮助智能体在 FigJam 白板中创建与编辑内容。需与 figma-use 基础技能配合使用，调用时须在 skillNames 参数中包含本技能名。
figma-use-slides
Figma MCP 的 use_figma 工具在 Slides 场景下的专用技能，提供幻灯片文件创建、编辑、主题与版式处理的上下文规则，需与 figma-use 配合使用。
implement-design
将 Figma 设计稿按 1:1 视觉还原度翻译为生产级代码的技能，适用于依据 Figma 文件实现 UI 的场景。它通过 Figma MCP 服务器获取设计上下文、截图与资源，并遵循结构化工作流完成实现与校验。
mckinsey-consultant
McKinsey顾问式问题解决系统，通过假设驱动的结构化分析，生成McKinsey风格研究报告与PPT。融合MECE原则、Issue Tree拆解、Hypotheses形成、Dummy Page设计与PPT生成能力，采用渐进式披露与依赖感知架构，支持跨对话续写。
flutter-animating-apps
Flutter 动画实现技能，用于在 Flutter 应用中添加动画效果、页面过渡与基于物理的运动，涵盖隐式动画、显式动画、Hero 共享元素过渡和物理模拟等场景。
flutter-animation
Flutter 动画实现技能，依据 UI 需求选择隐式、显式、Tween、物理、Hero 或交错动画策略，并生成对应 Flutter 代码。
flutter-theming-apps
Flutter 主题设置技能，用于通过主题系统定制应用视觉外观，定义全局样式、颜色与排版，并实现适配不同平台的 UI。
applying-cms-brand
该技能用于从 Salesforce CMS 中搜索、提取并应用品牌指南（语气、风格、颜色、字体等）到生成内容中，确保内容符合品牌身份。
design-systems-slds-apply
该技能用于在构建界面时正确应用 Salesforce Lightning Design System（SLDS）v2，包括选择蓝图、样式钩子、工具类与图标，并提供搜索脚本与校验流程，避免使用已弃用或臆造的 SLDS 构件。
design-systems-slds-validate
用于审计 Lightning Web Components 是否符合 SLDS 设计系统规范，结合 SLDS linter 与补充静态分析生成评分报告，并包含必须的人工复核环节。
design-systems-slds2-migrate
用于将 Lightning Web Components 从 SLDS 1 迁移到 SLDS 2 的技能：运行 SLDS linter 自动修复简单违规，并按规则分类手动修复硬编码值、废弃 token 与类覆盖问题，最终达到 linter 零错误。