AI Agent Skills

700+ Pure CSS, SVG & Figma UI Icons, 6000+ glyphs, patterns, colors and layouts.

180 linear gradients in CSS3, Figma, Sketch and PSD formats — free for personal and commercial use

A Storybook addon that embeds Figma, websites, or images in the addon panel.

The public feature and bug tracker for the MUI Design kits and Connect Figma plugin.

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Professionally crafted React & Figma components for building beautiful products or starting your own design system

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

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…

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redes…

Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10. Outpu…

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meetin…

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

Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions,…