1.Leonxlnx / taste-skill
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Ranked by Attention Score: stars gained over the last 7 complete days
39 repositories by Attention Score · Oct 27, 2026 – Nov 2, 2026 (UTC)
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
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.
A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.
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.
基于 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.
Keeps coding agents on your design system: catches palette colors, native elements and APIs your system lacks, at every edit and pull request, with the fix. Set it up once in your design-system package; every app in your monorepo gets it.
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.
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.
🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
Unstyled UI components for building accessible web apps and design systems. From the creators of Radix, Floating UI, and Material UI.
🌟 Curated design resources from all over the world.
🚀A modern, comprehensive, flexible design system and React UI library, AI-friendly built-in.🎨Provide 3000+ Design Tokens, easy to build your design system. Make Semi Design to Any Design.🧑🏻💻 Design to Code in one click
Material Design Web Components
A design system for building faithful recreations of old UIs
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
Design engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.
A design system built by IBM
Primer is GitHub's design system. This is the CSS implementation
A design system for building retro Apple interfaces
Open-source design-method engine for Claude Code, Codex & Cursor. One agent skill with 22 internal workflows for fixed design judgment, multiple grammars, semantic palettes, reference compilation, and evidence-verified UI. MIT.
Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles 🚀
Build material design interfaces in record time... without stress for devs... 🍺💛
A set of beautifully-designed, accessible components and a code distribution platform. Works with Go and templ. Open Source. Open Code.
💫 HTML on circles. A CSS layout system for radial UIs: gauges, dials, knobs, radial menus, charts and watch faces.
This is the official DTCG repository for the design tokens site and specification.
Chakra UI is a component system for building SaaS products with speed ⚡️
✍ It has never been so easy to document your things!
A monorepo containing the packages for Esri's Calcite Design System
The UI SDK and agent-ready developer toolkit for AI factories, robotics, and autonomous vehicles.
A collection of over 140+ accessible, headless primitives and beautifully-designed components for Blazor built with shadcn/ui design principles.
A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, (+ more) and traditional web applications from a single, framework-agnostic codebase.
a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package
Svelte implementation of the Carbon Design System
A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
PatternFly Elements. A set of community-created web components based on PatternFly design.
Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
Red Hat's Design System