diff --git a/plugins/figma/skills/code-connect-components/agents/openai.yaml b/plugins/figma/skills/code-connect-components/agents/openai.yaml new file mode 100644 index 00000000..0efbdfbe --- /dev/null +++ b/plugins/figma/skills/code-connect-components/agents/openai.yaml @@ -0,0 +1,14 @@ +interface: + display_name: "Code Connect Components" + short_description: "Map Figma components to code components" + icon_small: "../../../assets/figma-small.svg" + icon_large: "../../../assets/figma.svg" + default_prompt: "Use the Figma MCP server to find Code Connect mappings for a Figma selection and relate them to this codebase." + +dependencies: + tools: + - type: "mcp" + value: "figma" + description: "Figma MCP server" + transport: "streamable_http" + url: "https://mcp.figma.com/mcp" diff --git a/plugins/figma/skills/create-design-system-rules/SKILL.md b/plugins/figma/skills/create-design-system-rules/SKILL.md index 07f2f75a..a63b7ee6 100644 --- a/plugins/figma/skills/create-design-system-rules/SKILL.md +++ b/plugins/figma/skills/create-design-system-rules/SKILL.md @@ -15,9 +15,7 @@ This skill helps you generate custom design system rules tailored to your projec | Agent | Rule File | |-------|-----------| -| Claude Code | `CLAUDE.md` | | Codex CLI | `AGENTS.md` | -| Cursor | `.cursor/rules/figma-design-system.mdc` | ## What Are Design System Rules? @@ -175,9 +173,7 @@ Detect which AI coding agent the user is working with and save the generated rul | Agent | Rule File | Notes | |-------|-----------|-------| -| Claude Code | `CLAUDE.md` in project root | Markdown format. Can also use `.claude/rules/figma-design-system.md` for modular organization. | | Codex CLI | `AGENTS.md` in project root | Markdown format. Append as a new section if file already exists. 32 KiB combined size limit. | -| Cursor | `.cursor/rules/figma-design-system.mdc` | Markdown with YAML frontmatter (`description`, `globs`, `alwaysApply`). | If unsure which agent the user is working with, check for existing rule files in the project or ask the user. diff --git a/plugins/figma/skills/create-design-system-rules/agents/openai.yaml b/plugins/figma/skills/create-design-system-rules/agents/openai.yaml new file mode 100644 index 00000000..d558af96 --- /dev/null +++ b/plugins/figma/skills/create-design-system-rules/agents/openai.yaml @@ -0,0 +1,14 @@ +interface: + display_name: "Create Design System Rules" + short_description: "Generate project-specific Figma-to-code rules" + icon_small: "../../../assets/figma-small.svg" + icon_large: "../../../assets/figma.svg" + default_prompt: "Use the Figma MCP server to generate design system rules for this codebase based on its existing patterns." + +dependencies: + tools: + - type: "mcp" + value: "figma" + description: "Figma MCP server" + transport: "streamable_http" + url: "https://mcp.figma.com/mcp" diff --git a/plugins/figma/skills/implement-design/agents/openai.yaml b/plugins/figma/skills/implement-design/agents/openai.yaml new file mode 100644 index 00000000..6f985294 --- /dev/null +++ b/plugins/figma/skills/implement-design/agents/openai.yaml @@ -0,0 +1,14 @@ +interface: + display_name: "Implement Design" + short_description: "Translate Figma designs into production-ready code" + icon_small: "../../../assets/figma-small.svg" + icon_large: "../../../assets/figma.svg" + default_prompt: "Use the Figma MCP server to implement a design from a Figma URL with high visual fidelity." + +dependencies: + tools: + - type: "mcp" + value: "figma" + description: "Figma MCP server" + transport: "streamable_http" + url: "https://mcp.figma.com/mcp"