Design skills for AI coding agents

Skills for UI/UX design and design systems. Each skill is a packaged set of instructions you install into Cursor, Claude Code, GitHub Copilot, Windsurf or any other supported agent, so the agent follows the same workflow every time.

4 skills in this category.

Skills in Design

  • Figma MCP

    Use the Figma MCP server to fetch design context, screenshots, variables, and assets from Figma, and to translate Figma nodes into production code.

  • Frontend Design

    Create distinctive, production-grade frontend interfaces with high design quality.

  • Implement Design

    Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation).

  • Web Interface Guidelines

    Review UI code for Web Interface Guidelines compliance.

Other categories