Sandbox
16 repos for ui-design · FrontendClear
YuqingNicole/
variant-design-skill

Solve the blank canvas problem. Prompt → 3 distinct designs → vary → export. A Claude Code skill inspired by the Variant design community.

46

Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.

948
ohmiler/
gridgeist

Gridgeist turns product intent into a rigorous visual system—without the generic AI SaaS aftertaste.

115
Wholiver/
swiftui-design-skill

SwiftUI Front-End Design Skills — Six Ironclad Rules Against AI Sloppiness, Design Direction Consulting, Brand Asset Guidelines, and Five-Dimensional Review. Supports all AI agent platforms, including Claude Code, Cursor, Codex, and OpenCode.

190
birdseyevue/
daisyui-mcp

🌼 A token-friendly local MCP server for DaisyUI component documentation using their public llms.txt.

79
TidyFactor/
Styler

Production-Stage Visual Design & In-Codebase UI Engineering Suite

110
ilindaniel/
impeccable-lite

Stop agents from designing sloppy UI. Inspired by Impeccable, but without the plugin machinery. Just one SKILL.md file.

31
NVIDIA/elementsFrameworks & SDKs

NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles

85

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

1.7k
JimLiu/
baoyu-design

Run Claude Design locally as an Agent Skill — Cursor, Claude Code & more. Produce polished UI mockups, prototypes, decks & wireframes as self-contained HTML, without claude.ai/design. Best with Opus 4.8.

4k

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

54
plugin87/
ux-ui-agent-skills

Turn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.

992
Devesh-Shirsath/
spotkit

Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.

56

The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev

533

A Claude Code skill that audits AI-generated frontend and rewrites it to remove generic AI-slop design patterns (purple gradients, Inter, default shadcn). The design counterpart to avoid-ai-writing.

65