Design guidance for AI coding agents. 1 skill, 24 commands, live browser iteration, and 61 deterministic detector rules for AI-generated frontend design.
Global
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
For designers and engineers to help them build better user interfaces.
md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Rust GUI components for building fantastic cross-platform desktop application by using GPUI.
A refined glass-inspired aesthetic that feels solid from afar and reveals its subtle materiality up close.
Learning how to design scalable systems will help you become a better engineer.
Composable, accessible components with thoughtful defaults. Build your own component library with code you can customize, extend, and make your own.
2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead of faking success.
Use it with Codex, Claude Code, or another coding agent that can read instructions, edit files, run commands, and inspect a browser. The skill contains the design workflow, references, engine, and verification tools.
Penpot: The open-source design platform for Product teams that need scalable collaboration.
Each page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment. com or under site/tests/.
基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法,附带 3000+ 行逆向分析手册。
Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.
ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.
Open-source ThreeUI Community catalog with live interactive components and complete Community source.
A collection of agent skills that help you build great interfaces.
UI motion agent, a library of 43+ crafted transitions, a skill that fits your workflow.
Free and open source admin dashboard UI kit built on Bootstrap: 100+ pages, 6,000+ icons, dark mode, RTL.
The full DESIGN.md spec lives at docs/spec.md. What follows is a condensed reference.
An open source design system that's fully customizable and agent ready
Native SDK is the complete toolkit for building native desktop applications.
Cloudflare's component library for building modern web applications.
Extract any website's complete design system with one command.
Skip the blank-page design brief, grab a design system inspiration that matches the feel you want, and let Claude Design do the scaffolding.
A curated list of awesome things related to shadcn/ui.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
The Developer Tool for Visual Engineers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent recommended #1 Developer tool for Designers and Visual Engineers to design with Real Code.
The open-source alternative to Webflow, Framer and WordPress. Agentic self-hosted visual CMS outputting clean static pages. Users, roles, plugins, content, database, it's all there.