VoltAgent / awesome-design-md
A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
VoltAgent / awesome-design-md
dickwu / apple-design-skill
Cross-platform UI/UX design reviewer based on Apple HIG. Works with Flutter, Tauri, Electron, React Native. Compatible with Claude Code, Cursor, Codex.
nateherkai / scroll-craft
An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.
Inkloom-art / inkloom
Specialised AI models for logo design — a brand-analysis model turns a business into constraints, typography and symbol models construct the mark, and a composition engine produces real lockups and clear-space rules. Early access open.
deeplethe / solid-glass
A design system for AI applications. Material, physical, tactile, technical.
Appllama / appllama-skills
A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
edisonmbli / refactoring-ui-skill
Unofficial Claude Skill derived from the book Refactoring UI — a design rulebook and diagnostic layer for web UI. 151 tracked rules, design token generation, and Tailwind mappings.
Ebony-Vinyl / EAC-design-world
DeepSeek Harness 本地视频制作与设计插件：多轨剪辑、模板与设计体系、原生预览画布和真实文件导出
Caho1 / open-claude-ui
基于 REA 深度拆解并高保真还原 Claude 官方桌面端 UI。还原 30 个独立 React 组件与 8 项硬核交互物理算法，附带 3000+ 行逆向分析手册。
kuratlielia / arc-library
Arc Library: free, open source React components with calm motion. Copy the code or install with the shadcn CLI.
flohoeller / affectui
Handcrafted React components, illustrations and motion for AI products. One file each, calm motion, dark mode built in. Install with the shadcn CLI – free and open source.
ant-design / ant-design
An enterprise-class UI design language and React UI library
Manavarya09 / design-extract
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
AThevon / genjutsu
Creative coding skills for Claude Code, claude.ai and Cowork. Motion, micro-interactions and design systems across Web (GSAP, Motion, Three.js, CSS), Android (Jetpack Compose) and Apple (SwiftUI). Proposes an interaction thesis you approve before it writes any code. Anti-AI-slop.
dembrandt / dembrandt
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
onlook-dev / onlook
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.
bergside / typeui
Build better UI with AI
mui / base-ui
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
saadeghi / daisyui
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
storybookjs / storybook
Storybook is the industry standard workshop for building, documenting, and testing UI components in isolation
fallow-rs / fallow
Codebase intelligence for TypeScript and JavaScript. Health, complexity hotspots, duplication, architecture boundaries, circular dependencies, design-system drift, and unused code, from one graph. CLI, GitHub Action, LSP, MCP, and VS Code. Rust, MIT licensed.
AnxForever / stylekit
Open-source visual style library for AI-generated UI — 148 curated styles with design tokens, prompts and MCP. | 面向 AI 生成网页的开源视觉风格库：148 套精选风格，支持 MCP、Agent Skill 与 npm CLI。
cabralorenzo / bencho
41 free interactive React blocks and 24 synthesised interface sounds from bencho.dev. Copy a folder, ship it.
alexpate / awesome-design-systems
💅🏻 ⚒ A collection of awesome design systems
shadcn-ui / lint
An agent-first linter for Tailwind design systems. Write design system rules that agents can verify.
southleft / figma-console-mcp
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
adityareddy-dev / deskstudio
Your own design studio inside the coding agent you already use.
arla6ka / design.how
Agent skills and design systems from design.how. Build a design system from your app, use agents to ship UI, enforce it in CI.
Seokwoooo / lucian-uxui-prompt
400 interactive UI elements you can try live, then copy as an AI prompt or working code: 200 interface parts and 200 website sections and animations. Light/dark, MIT.
marvkr / better-design
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.
BoardUI / boardui
React design system for agentic interfaces. Every free BoardUI component as source, with a working AI chat app on your own model key as the homepage.
guiguiyan930-source / game-ui-design-workflow
一套面向游戏 UI 设计的 Cursor Agent Skills 工作流，覆盖原型视觉生成、风格切换、页面延展与组件拆解，并通过 Spec-Kit 文档、视觉契约和资源清单保证多页面一致性与可交付性。
madebymustafa / design-taste
24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo
material-components / material-web
Material Design Web Components
Moddingflow / better-design
UI/UX and frontend design skill for AI coding agents: Codex, Claude Code, Cursor. Art direction, DESIGN.md, design tokens, motion, accessibility, and real interface validation.
adobe / react-spectrum
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
carbon-design-system / carbon
A design system built by IBM
PyModel / niblet-skill-mcp
MCP server and design skill that grounds coding-agent UI work in real product screens. Two tools, npx-installable.
mui / material-ui
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
pulkitxm / claude-directory
Open-source AI interfaces built with Claude (Fable 5) including hero sections, GLSL shaders, design systems, animations, 3D components and and landing pages, in React, Tailwind, and Three.js. Plug them into your AI agent and ship faster.
itspatmorgan / design-studio
An open source prototype sandbox for designers and product managers who build.
radix-ui / primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
unovue / reka-ui
An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue
arco-design / arco-design
A comprehensive React UI components library based on Arco Design
lobehub / lobe-ui
🍭 Lobe UI - an open-source UI component library for building AIGC web apps
kwakseongjae / oh-my-design
Give your AI coding agent a design system. One command installs 500+ quality-graded company DESIGN.md references + skills into Claude Code, Codex, Cursor, and OpenCode. Free, MIT, zero AI calls.
jdan / 98.css
A design system for building faithful recreations of old UIs
heroui-inc / heroui-native
📱Beautiful, fast and modern React Native UI library
starwind-ui / starwind-ui
55 framework-portable UI components for Astro, React Vue, and Svelte. Install accessible Tailwind CSS components as source you own, backed by a shared framework-neutral Runtime.
yakew7 / DesignHub
Open-source, local-first design & brand toolkit. Build a brand once, then get logo variants, mockups, social assets, a brand book PDF and design tokens. Plus fonts, colors, icons, SVG & accessibility tools. No login, no backend.
ruiqichenbiec / design-systems
一次曝光 · Three native web design systems — Lens, Lattice, Overture. MIT, provided as-is.
chakra-ui / ark
Unstyled, accessible UI components for your design System. Works in React, Vue, Solid, and Svelte.
puncsky / system-design-and-architecture
Learn how to design large-scale systems. Prep for the system design interview.
arcsin1 / oh-my-ppt
Describe what you need — a presentation, lesson, or story — and let the AI build clean, beautiful HTML slides for you. Local-first. Works offline. Works for you.
axadrn / shadcn-templ
A set of beautifully-designed, accessible components and a code distribution platform. Works with Go and templ. Open Source. Open Code.
joeseesun / qiaomu-design
偏执型设计顾问：反 AI 味设计 + 风格试衣间 + 58 站设计系统库的 Claude Code Skill | Opinionated design advisor for Claude Code: anti-generic UI, style fitting room, 58 real-site design systems.
keyline-icons / keyline-icons
1,568 free MIT icons in stroke, two-tone, duotone and fill, rounded or sharp: 12,544 SVGs on one 24×24 grid. Built for shadcn/ui.
chakra-ui / chakra-ui
Chakra UI is a component system for building SaaS products with speed ⚡️
mehdihadeli / awesome-software-architecture
📚 A curated list of awesome articles, videos, and other resources to learn and practice software architecture, patterns, and principles.
plasmicapp / plasmic
Visual builder for React. Build apps, websites, and content. Integrate with your codebase.