Design & UX

Cursor skill that gives AI agents production-grade UI component knowledge with best practices, layout patterns, and design-system conventions for 60+ interface components

Anti-AI-slop SwiftUI interface design with 6 Iron Rules, design direction consulting, brand asset integration, and 5-dimension review system

Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction annotations

Generate brand-aligned presentation slides using Claude with 20 codified design principles and 72+ pre-built brand systems

Local-first AI design tool that turns coding agents into design engines with 31 skills, 129 design systems, and multi-format export

Generate UI components in Nothing's monochrome, typographic, industrial design language with Swiss typography and OLED-optimized aesthetics

Generate UI components in Nothing's monochrome, typographic, industrial design language with full dark/light mode support

Generate UI components in Nothing's design language — monochrome, typographic, industrial aesthetic with Swiss typography and mechanical interface elements

Generate UI components in Nothing's monochrome, typographic, industrial design language with Swiss typography and OLED aesthetics

Design engineering skill for Claude Code that enforces consistent UI patterns through memory, craft principles, and systematic design tokens.

> Skill by [ara.so](https://ara.so) — Design Skills collection. **Huashu Design** is an agent-agnostic design skill that transforms natural language prompts into production-ready HTML design artifacts: interactive prototypes, animated presentations, slide decks (with editable PPTX export), infographics, and motion graphics (MP4/GIF). Built for Claude Code, Cursor, and other AI coding agents. **Philosophy**: Great high-fidelity design doesn't start from a blank page — it grows from existing de...

> Skill by [ara.so](https://ara.so) — Design Skills collection

AI-powered Figma plugin for auditing components for design system compliance, accessibility, and developer readiness

Control Figma from command line with 100+ commands for AI agents to create shapes, text, components, set styles, and export designs

Generate optimized prompts from Figma designs for AI prototyping tools like Lovable, Figma Make, Pencil.dev, Paper.design and Google Stitch

Enable AI agents to read and modify Figma designs programmatically through Model Context Protocol integration

Extract Figma design tokens, components, and screens to generate Flutter code using Model Context Protocol (MCP)

Figma plugin that extracts local styles and generates DESIGN.md and SKILL.md files for AI-driven design system implementation

Generate DESIGN.md and SKILL.md files from Figma design systems for AI-assisted development

Cache-enabled Figma Context MCP server for AI agents to fetch and analyze Figma designs with persistent disk caching

AI-driven personal brand design system that converts content into consistent, brand-aligned HTML pages with predefined colors, fonts, layouts, and components

Create editorial-quality diagrams in HTML + SVG matching your brand — architecture, flowcharts, sequences, timelines, quadrants, and 9 more types.

Control a team of 10 design agents that run an inclusive design process from discovery through handoff with accessibility woven into every step.

Generate DESIGN.md files from any website using Context.dev APIs for design tokens, brand data, and visual extraction