Impeccable
20 design commands that teach your AI agent about typography, spacing, and visual hierarchy.
Curated list of awesome AI tools to build beautiful UI/UX.
This page lists names, links and short descriptions. The original list on GitHub is the source and belongs to its authors.
20 design commands that teach your AI agent about typography, spacing, and visual hierarchy.
152 UI design rules packaged as a skill file for coding assistants.
Generates design systems (colors, typography, layouts) based on your project type and framework.
Teaches Claude to build frontend UIs with strong visual direction instead of generic defaults.
Agent skill that teaches small design engineering details that compound into better interfaces.
Gives your AI assistant context about your shadcn/ui setup so it generates correct component code.
Checks your UI code against web design best practices and flags violations.
Skills for designers and engineers covering animation, motion, and practical interface design.
Removes common AI-generated writing patterns while preserving meaning and tone.
Claude Code skill applying Refactoring UI rules for spacing, typography, color, hierarchy, and depth.
Open-source SKILL.md that stops AI agents from producing cookie-cutter frontend designs.
Pack of skills and commands — from research to systems, UI, interaction, and delivery.
Collection of UI designs with downloadable skill.md files.
Web design and strategy principles from YC's Design Review series, packaged as a skill.
Teaches AI agents Swiss design principles through grotesque typography, disciplined grids, restrained color, and Tailwind patterns.
Claude Code plugin marketplace with skills for design, architecture, productivity, typography, and code review.
Collection of Three.js skills covering scenes, geometry, lighting, shaders, loaders, animation, and interaction.
Curated collection of DESIGN.md files inspired by developer-focused websites.
Design rules and slash-command skills that give agents design judgment — coherence, hierarchy, UX-writing.
Templates, subagent prompt, and slash command for automated design reviews against frontend changes.
HTML-native design skill for generating prototypes, slides, animations, and design reviews from agent prompts.
Claude Code skill for producing Nothing-inspired monochrome, typographic, industrial UI.
Design skill for Claude Code, Cursor, and Codex that audits and generates UI against anti-slop design gates.
Portable Material Design 3 skill covering tokens, theming, 30+ components, responsive layout, and MD3 audits.
Cursor skill for applying a restrained Scandinavian visual system with monochrome color, sans-serif type, spacing, and product imagery.
UI component library and templates for building AI-powered products.
Clone any website into a Next.js codebase with one command using AI agents.
AI design tool for generating interfaces in the browser.
Scroll through AI-generated design variations for your ideas.
Google's AI design tool for creating UIs from prompts.
Local-first, open-source alternative to Claude Design for generating prototypes, slides, images, and videos.
Learns your color preferences and generates palettes you can search and save.
Growing collection of interactive designs with prompts you can copy and adapt.
Curated directory of DESIGN.md resources and design references for AI agents.
Accessible, customizable component primitives for AI interfaces, including prompt inputs, messages, reasoning, and tool views.
Build your own AI-powered design tools for animations, 2D and 3D visuals, text effects, and images, then remix, share, export, and embed them.
AI-powered design research for better interfaces.
Library of 1,000+ real design styles (Bauhaus, Memphis, brand and cultural traditions) as DESIGN.md token specs; hand one to Claude Code, Cursor or ChatGPT via a share link or MCP.
Generate UI components from text prompts inside Cursor, Windsurf, and VSCode.
Lets AI editors search and use real UI components instead of guessing the code.
MCP server and skills that help agents research real app screens before designing UI.
Claude Code plugin for generating, comparing, and refining multiple UI variations in your codebase.
Claude Code plugin for remembering interface decisions across sessions and keeping UI systems consistent.
MCP server that lets AI editors search an open-source (MIT) registry of animated React components, blocks and design systems and return their shadcn CLI install commands.
MCP server and skills that let Claude Code, Cursor and Codex see every UI change they make as a before-and-after screenshot diff, using your existing Storybook, Playwright or Vitest tests.
Turn your handwriting into an installable font in the browser. Exports OTF, TTF, WOFF2.
100+ open-source animated SVG loading spinners (MIT).
Free SVG backgrounds and patterns you can customize.
Preview color palettes and typography on a live website mockup.
Copy-and-paste transition patterns for common web app interactions.
Agent-ready library of reusable HTML slide templates for generating polished decks.
Tailwind CSS component library with semantic class names, themes, and an official MCP server for AI editors.
Zero-dependency canvas shaders for adding customizable animated backgrounds, textures, and masked effects to websites.
Browser-based visual studio for creating original backgrounds and textures for websites, templates, and designs.
Curated logo inspiration gallery with 1,200+ static and animated logos.
Free browser tool for dither, halftone, ASCII, pixel, and video effects.
Collection of minimal, generative, and customizable SVG patterns.
Psychology-backed design principles for better user interfaces.
Wiki covering UI design, animation, motion, and typography fundamentals.
Curated website designs and premium design resources (UI kits, illustrations, mockups).
Interactive collection of motion-heavy web experiences for animation and interaction inspiration.
UX patterns for designing interfaces that use AI.
Independently curated AI UX sources and courses for working designers (patterns, papers, people, paid paths).
Practical techniques for steering AI toward polished frontend designs.
UI spec for AI-assisted projects, covering tokens, component states, accessibility, and responsive design.
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.
vuejs/awesome-vue
🎉 A curated list of awesome things related to Vue.js
PatrickJS/awesome-angular
:page_facing_up: A curated list of awesome Angular resources
aniftyco/awesome-tailwindcss
😎 Awesome things related to Tailwind CSS
davidsonfellipe/awesome-wpo
A curated list of Web Performance Optimization.
troxler/awesome-css-frameworks
List of awesome CSS frameworks in 2026