Search
Figma · For frontend developers
Skills
Sort:BestMost starsTrending todayTrending this weekTrending this monthNewestRecently updatedName
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | Production readiness checklist for Anima design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 146 | Implement reference architecture for Anima design-to-code automation. | jeremylongshore/ | 2.8k | — | ~2.4k | Automated safety check: Pass | MIT | yesterday |
| 147 | Apply production-ready patterns for the Anima SDK design-to-code pipeline. | jeremylongshore/ | 2.8k | — | ~2.5k | Automated safety check: Pass | MIT | yesterday |
| 148 | Audit and harden Anima and Figma tokens for design-to-code pipelines. | jeremylongshore/ | 2.8k | — | ~1.6k | Automated safety check: Notes | MIT | yesterday |
| 149 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | yesterday |
| 150 | Set up a local development workflow for Figma plugin and REST API projects. | jeremylongshore/ | 2.8k | — | ~1.4k | Automated safety check: Notes | MIT | yesterday |
| 151 | Migrate design systems between Figma files, or from other tools to Figma via API. | jeremylongshore/ | 2.8k | — | ~2.3k | Automated safety check: Pass | MIT | yesterday |
| 152 | Reference architecture for production Figma API integrations. | jeremylongshore/ | 2.8k | — | ~2k | Automated safety check: Pass | MIT | yesterday |
| 153 | Production-ready patterns for the Figma REST API and Plugin API. | jeremylongshore/ | 2.8k | — | ~2.2k | Automated safety check: Pass | MIT | yesterday |
| 154 | 154.Grill The Task Grill a product task (GitHub issue) into implementable work. | blockscout/ | 307 | — | ~2.5k | Automated safety check: Pass | Unknown | yesterday |
| 155 | 155.Suede Design Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing… | JasonColapietro/ | 127 | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 156 | 156.Pp Figma Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find… | mvanhorn/ | 2.1k | — | ~4.3k | Automated safety check: Notes | Apache-2.0 | yesterday |
| 157 | 157.UI Only While iterating on UI, do not waste time on tsc, lint, typecheck, format, full test suites, commit, or push until the user likes how it looks and works. | OutThisLife/ | 199 | — | ~364 | Automated safety check: Pass | MIT | 5 days ago |
| 158 | 158.Figma Click Flow Draws a click-flow overlay on a section of laid-out Figma screens for static handoff: a dot on each clickable element, an elbow line with rounded corners and an open arrow at the destination screen. | hashgraph-online/ | 1.3k | — | ~3.9k | Automated safety check: Pass | MIT | yesterday |
| 159 | A skill your agent uses when picking the appropriate prototype fidelity for an iteration cycle — sketches vs. | hashgraph-online/ | 1.3k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 160 | 160.Ingest Figma Pull design tokens + frame structure from a Figma URL via the Figma REST API. | bluzir/ | 106 | — | ~745 | Automated safety check: Pass | No licence | 5 mo ago |
| 161 | Build a hi-fi clickable React prototype with realistic device chrome. | bluzir/ | 106 | — | ~1.2k | Automated safety check: Pass | No licence | 5 mo ago |
| 162 | A skill your agent uses when you need to map components across platforms, reference Chrome Design System component data, or generate a component spec. | nwjs/ | 160 | — | ~325 | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 163 | Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual… | yonatangross/ | 292 | — | ~2.7k | Automated safety check: Pass | MIT | yesterday |
| 164 | 164.Component Audit Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps. | murphytrueman/ | 206 | — | ~6.8k | Automated safety check: Pass | MIT | 17 days ago |
| 165 | 前端工程师 Skill，执行前端开发任务，自动适配项目技术栈（React/Vue/Svelte/Next.js 等），支持 Figma/Stitch 设计稿还原 | kingxiaozhe/ | 104 | — | ~829 | Automated safety check: Pass | MIT | yesterday |
| 166 | 166.Anima Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting. | LeoYeAI/ | 2.2k | — | ~4.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 167 | 167.Token Generator Methodology and tools for systematically generating design tokens. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 168 | 168.Create Component Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. | adobe/ | 197 | — | ~4.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 169 | 169.Figma Preflight Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP). | hashgraph-online/ | 1.3k | — | ~5.4k | Automated safety check: Pass | MIT | yesterday |
| 170 | 170.Rayden Use Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills. | diegosouzapw/ | 159 | — | ~3.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 171 | 171.Figma Integrate with Figma API for design automation and code generation. | hoodini/ | 282 | — | ~4.5k | Automated safety check: Pass | No licence | 3 mo ago |
| 172 | A skill your agent uses to run a visual-craft audit of a rendered UI and produce an evidence-grounded Craft Report across Useful, Usable, Reliable, Coherent, and Well-Crafted. | forcedotcom/ | 1.1k | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 173 | 173.Figma To Views Recreate Figma design frames as production-ready Chromium C++ Views code following Chrome's native Views architecture, component guidelines, and color/shape token mappings. | nwjs/ | 160 | — | ~610 | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 174 | Recreate Figma design frames as prototype-ready Chromium Views JSON script following Chrome's native Views architecture, component guidelines, and color/shape token mappings. | nwjs/ | 160 | — | ~1k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 175 | 175.Figma To Webui Recreate Figma design frames as production-level Chromium WebUI code following Chrome's Lit-element architecture and styling guidelines. | nwjs/ | 160 | — | ~1.3k | Automated safety check: Pass | BSD-3-Clause | yesterday |
| 176 | Subagent for figma-from-code Phase 2. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.1k | Automated safety check: Pass | MIT | 1 mo ago |
| 177 | Subagent for figma-from-code Phase 1. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~2.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 178 | Implement React components from Figma designs. An agent skill from bitovi/ai-enablement-prompts. | bitovi/ | 121 | — | ~1.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 179 | 179.Design Critique Give structured, constructive feedback on any design using UX frameworks. | mohitagw15856/ | 1.4k | — | ~1.5k | Automated safety check: Pass | MIT | 2 days ago |
| 180 | Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint. | mohitagw15856/ | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 181 | Generate structured developer handoff annotations for a Figma screen or component. | mohitagw15856/ | 1.4k | — | ~1k | Automated safety check: Pass | MIT | 2 days ago |
| 182 | Audit a Figma component library for consistency, coverage gaps, and naming issues. | mohitagw15856/ | 1.4k | — | ~779 | Automated safety check: Pass | MIT | 2 days ago |
| 183 | Design a spacing and layout token system for a Figma design system. | mohitagw15856/ | 1.4k | — | ~942 | Automated safety check: Pass | MIT | 2 days ago |
| 184 | Plan user flows and screen states for a Figma design before any designing starts. | mohitagw15856/ | 1.4k | — | ~786 | Automated safety check: Pass | MIT | 2 days ago |
| 185 | Define component variants and states systematically for Figma. | mohitagw15856/ | 1.4k | — | ~870 | Automated safety check: Pass | MIT | 2 days ago |
| 186 | 186.Figma Orient First move on a Figma file or URL that is new to the session. | hashgraph-online/ | 1.3k | — | ~3.5k | Automated safety check: Pass | MIT | yesterday |
| 187 | 187.Figma Slop Check Quality gate that runs after a write to a Figma file and before figma-handoff-gate, before any frame is called done. | hashgraph-online/ | 1.3k | — | ~5.6k | Automated safety check: Pass | MIT | yesterday |
| 188 | A skill your agent uses when a task spans interface understanding, design-system memory, UI audits, design CI, Figma, shadcn or Tailwind code generation, research, or agent design workflows and… | hashgraph-online/ | 1.3k | — | ~822 | Automated safety check: Pass | Apache-2.0 | yesterday |
| 189 | 189.UI Implementer Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive agent switching. | MadAppGang/ | 285 | — | ~3.3k | Automated safety check: Notes | MIT | 7 mo ago |
| 190 | 190.Reskin Rebuild an existing site's pages with byte-faithful content on a separately-defined donor design system — another live site, or local static HTML prototypes (Figma donors are contract-defined, not… | adobe/ | 197 | — | ~6.1k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 191 | 191.Hero UI Craft A skill your agent uses when Codex works on any front-end implementation, UI polish, dashboard, product screen, internal tool, design system, React component, Tailwind CSS v4 surface, HeroUI React… | hashgraph-online/ | 1.3k | — | ~3.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 192 | 192.Tsh UI Verifying UI verification criteria, structure checklists, severity definitions, and tolerance rules for comparing implementations against Figma designs. | TheSoftwareHouse/ | 284 | — | ~7.8k | Automated safety check: Notes | MIT | 5 days ago |
