Figma · UI design

Turns a Figma frame or component into production code that matches the design, using the Figma MCP server and the project's own design system.

warpdotdev/warp

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines (122 pages pulled from developer.apple.com, including 57 component pages) plus a design-craft lens for…

vrcm-team/VRCM

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

KyrieCheungYep/ky-design-to-html-skill

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Guides an agent through turning a Figma node into production UI with the repo's own components, then checks the result visually before finishing.

cursor/plugins

Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

skydashnet/material-design-3-ui-skill

Run a safe prototype-first UI/UX workflow across web, desktop, mobile, extensions, and multimodal design inputs.

DejavuMoe/Smoji

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use…

leo-kuang-ai/spec-first

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Creates or revises Figma designs from a written description using the Figma MCP authoring tools, in a new blank file or an existing one.

warpdotdev/warp

Plans UX flows, maps product needs to Weave Design System components, and generates structured Figma mockups using Autodesk Weave libraries.

DynamoDS/Dynamo

Reproduces and adjusts web layouts from Figma, Claude Design exports, screenshots, or an existing project style with high visual fidelity and proportional verification.

pavel-molyanov/molyanov-ai-dev

Implement application views from design images (screenshots, mockups, wireframes) using Ignite UI Web Components, with the igniteui-cli and igniteui-theming MCP servers for component discovery…

IgniteUI/igniteui-webcomponents

Builds Angular views from Figma designs with Ignite UI for Angular, supporting Indigo.Design kits, third-party kits, and plain frames.

IgniteUI/igniteui-angular

Build presentations of design work: design reviews, research readouts, strategy pitches, case studies.

ghaida/intent

Create interface designs, wireframes, and design systems. An agent skill from aiskillstore/marketplace.

aiskillstore/marketplace

Capability-based multi-tool matrix for image and graphic design: AI generation, raster/vector editing, UI mockups, diagrams, upscaling, photo library, and publishing.

HKUDS/CLI-Anything

A skill your agent uses to produce the canonical screen manifest for a UI feature — every screen in every state (default / loading / empty / error / success / validation), with reuse-first component…

genkovich/sdd

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/brooklyn-skills

A skill your agent uses when picking the appropriate prototype fidelity for an iteration cycle — sketches vs.

hashgraph-online/awesome-codex-plugins

Rayden UI Design Skill workflow skill. An agent skill from diegosouzapw/awesome-omni-skills.

diegosouzapw/awesome-omni-skills

Give structured, constructive feedback on any design using UX frameworks.

mohitagw15856/pm-claude-skills

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/awesome-codex-plugins