Turn a Figma design into project components — pull the design via the Figma MCP, map it onto design tokens and shared/ primitives, build per scaffold conventions, then verify against the design. Use when implementing a screen or component from a Figma link.
EnglishStand up a new feature module with the project's folder structure (components, composables, store, api, types, route). Use when starting a new feature area, not a single component.
English
AGENT SKILLS ATLASIncludes From Figma, Scaffold Component, and Scaffold Feature.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
From Figma
Turn a Figma design into project components — pull the design via the Figma MCP, map it onto design tokens and shared/ primitives, build per scaffold conventions, then verify against the design. Use when implementing a screen or component from a Figma link.
Scaffold Component
Scaffold a React component and its Vitest test file, following project conventions
Scaffold Feature
Stand up a new feature module with the project's folder structure (components, composables, store, api, types, route). Use when starting a new feature area, not a single component.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the From Figma skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.