h-ymtSkills in this pack
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP…
Englishフロントエンド全体を1回で網羅レビューする統合スキル。HTML/A11Y/SEO、CSS設計/Tailwind/トークン、JavaScript設計/エラー処理/性能を横断的に確認したいときに使う。複合依頼(ページ全体レビュー、実装品質の総点検、改修前の棚卸し)で利用する。…
Japanese
AGENT SKILLS ATLASUI Design & Frontend Skills
Includes Figma Design Tokens and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
Skills2CategoryengineeringStars0
What’s included
Figma Design Tokens
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
H10o Review
フロントエンド全体を1回で網羅レビューする統合スキル。HTML/A11Y/SEO、CSS設計/Tailwind/トークン、JavaScript設計/エラー処理/性能を横断的に確認したいときに使う。複合依頼(ページ全体レビュー、実装品質の総点検、改修前の棚卸し)で利用する。
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:
Example request
Use the Figma Design Tokens 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.
- License details are not provided in these listings. Check the author’s terms before using the skills.