AI Agent Skills

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Convert any website to editable Figma designs

Figma to React Converter

Simple generator of React code from Figma

A CLI tool to bulk export Figma, FigJam, and Figma Slides files

Control Figma from the command line. Full read/write access for AI agents — create shapes, text, components, set styles, export images. 100+ commands.

🔌 Sample Figma plugins.

Claude skill: Prototype → Figma. Analyzes a Claude Code prototype, maps components to your Figma design system via search + Code Connect, explodes each interaction flow…

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Precise Figma & React components. Packed with best practices, unified prop names & consistent design and code.

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without cla…

Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. Collects visual references, design toke…

给 AI 短剧出美术设定集（场景 + 叙事道具）：场景的设计意图、一致性锚点、光照时段变体、 空景提示词；道具的戏剧功能、状态变体、尺度参照、白底无手提示词。 产出 art.json + Markdown + 单页评审报告（含导出 JSON）。 为 AI 生成而设计，不是实拍——环境和道具都是生成资产，交付的是让它们跨集长一样的一致性方…

Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mentions "design sprint", "validate before we build", "r…

Agent skill: convert Chinese story copy or ordered images into a hand-drawn diary-comic animation (silent MP4 picture track).