Components & layout
883 rows, by stacks then stars
298 of these skill files have been read, by 293 distinct authors, and what they tell an agent counted. What Components & layout authors agree on, and what they forbid
Syo-M/fable-frontend-skills/plugin/skills/new-component Skill
3★ repoMeasured, opinionated Claude Code rules for frontend work (React / Next.js / Vite / Astro) — skills, path rules, review agents, sign-off hooks, installer & plugin. Every claim backed by committed eval reports.
Syo-M/fable-frontend-skills/plugin/skills/storybook Skill
3★ repoMeasured, opinionated Claude Code rules for frontend work (React / Next.js / Vite / Astro) — skills, path rules, review agents, sign-off hooks, installer & plugin. Every claim backed by committed eval reports.
hamzabellouch/agent-skills/Frontend Design and UI/design-ui-styling Skill
3★ repoComprehensive collection of 380+ production-ready Agent Skills (26 domains) conforming to the Agent Skills Standard, featuring native auto-discovery for Antigravity, Gemini CLI, Claude Code, Cursor, and Codex.
hamzabellouch/agent-skills/Frontend Design and UI/design-ui-styling/ui-styling Skill
3★ repoComprehensive collection of 380+ production-ready Agent Skills (26 domains) conforming to the Agent Skills Standard, featuring native auto-discovery for Antigravity, Gemini CLI, Claude Code, Cursor, and Codex.
hamzabellouch/agent-skills/Frontend Design and UI/design-ui-ux-pro-max Skill
3★ repoComprehensive collection of 380+ production-ready Agent Skills (26 domains) conforming to the Agent Skills Standard, featuring native auto-discovery for Antigravity, Gemini CLI, Claude Code, Cursor, and Codex.
mshadmanrahman/pm-operating-system/_context/skills/ui-ux-pro-max Skill
2★ repoAn opinionated workflow system that restructures how product managers work with Claude Code. 16 PM skills, 9 agents, 10 coding rules, 13 slash commands, 6 automation hooks, product brain system, and session lifecycle with memory/handoffs.
multiplex-ai/muggle-ai-teams/skills/ui-ux-pro-max Skill
2★ repoAI workflow for Claude Code — describe what you want, get production-grade results. Code, content, design, planning. Built by MuggleTest.
natuleadan/skills/skills/050103-tailwind-implement Skill
2★ repoMulti-domain agent skills collection for AI coding agents (Claude, Cursor, Copilot, OpenCode, and more). Covers programming, biology, cooking, and future domains. Installable via npx skills add.
natuleadan/skills/skills/050107-shadcn-showcase Skill
2★ repoMulti-domain agent skills collection for AI coding agents (Claude, Cursor, Copilot, OpenCode, and more). Covers programming, biology, cooking, and future domains. Installable via npx skills add.
jangles-byte/atelier/skills/typography-and-layout Skill
2★ repoElite art-direction skills for Claude Code — design direction, OKLCH color, typography, motion, structured critique, and frame-rate craft. Any medium, any stack.
the-hugin/RSIm/skills/ui-component-library Skill
no license2★ repoRecursively Self-Improving Module — persistent memory + structured improvement loop for Claude Code
the-hugin/RSIm/skills/ui-ux-pro-max Skill
no license2★ repoRecursively Self-Improving Module — persistent memory + structured improvement loop for Claude Code
TheArmagan/skills/use-the-design-system Skill
no license2★ repoAgent skills that strip the AI tells from writing, code, and design, and build better working habits.
FilippoDeSilva/skills/skills/flutter/shadcn-ui-flutter Skill
no license2★ repoSkills for my agentic development workflow.
FilippoDeSilva/skills/skills/ui-ux-design/ui-ux-pro-max Skill
no license2★ repoSkills for my agentic development workflow.
Ghosteken/agent-harness/archive/skills-community/hig-components-layout Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Ghosteken/agent-harness/archive/skills-community/makepad-layout Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Ghosteken/agent-harness/archive/skills-community/radix-ui-design-system Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Ghosteken/agent-harness/archive/skills-community/shadcn Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Ghosteken/agent-harness/archive/skills-community/ui-component Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Ghosteken/agent-harness/skills/react-component-performance Skill
2★ repoProduction-grade engineering skills and specialist agent personas for AI coding assistants. Orchestrates the full SDLC, from spec to ship, with structured verification gates, anti-rationalization checks, and senior-level engineering discipline.
Bosh-Kuo/awesome-agent-toolkit/examples/.agents/skills/shadcn Skill
no license2★ repoMy personal collection of essential MCP configs, agent skills, and prompts, accumulated from daily dev work and the open-source community. Optimized for any AI coding tool.
Bosh-Kuo/awesome-agent-toolkit/examples/.claude/skills/shadcn Skill
no license2★ repoMy personal collection of essential MCP configs, agent skills, and prompts, accumulated from daily dev work and the open-source community. Optimized for any AI coding tool.
Bosh-Kuo/awesome-agent-toolkit/skills/shadcn Skill
no license2★ repoMy personal collection of essential MCP configs, agent skills, and prompts, accumulated from daily dev work and the open-source community. Optimized for any AI coding tool.
Kainiko943/beautiful-ui/framework-shadcn-tailwind-ui Skill
2★ repoMake AI coding agents design beautiful, accessible, platform-native UI.
rakibulism/agent-skills-os/skills/animated-component-architect Skill
2★ repoTHE UNIVERSAL AGENT SKILLS LIBRARY
rakibulism/agent-skills-os/skills/shadcn-ui Skill
2★ repoTHE UNIVERSAL AGENT SKILLS LIBRARY
IamK77/Skill/skills/atelier/layout Skill
2★ repoAgent-era skill suites for Claude Code: engineering lifecycle + distributed systems, gated by the checklist CLI
IamK77/Skill/skills/atelier/systems Skill
2★ repoAgent-era skill suites for Claude Code: engineering lifecycle + distributed systems, gated by the checklist CLI
IamK77/Skill/skills/surface/bulwark Skill
2★ repoAgent-era skill suites for Claude Code: engineering lifecycle + distributed systems, gated by the checklist CLI
FluxonLab/Skillry/community/wshobson-agents/skills/web-component-design Skill
no license2★ repoInstallable, permission-bounded, multi-platform agent skills & subagents for Claude Code, Codex, Copilot & Gemini/Antigravity — 125 skills + 73 subagents across 18 departments, with a validation harness, native plugin marketplace, and full upstream attribution. by FluxonLab.
FluxonLab/Skillry/plugins/frontend-web-design/skills/23-responsive-layout-review Skill
no license2★ repoInstallable, permission-bounded, multi-platform agent skills & subagents for Claude Code, Codex, Copilot & Gemini/Antigravity — 125 skills + 73 subagents across 18 departments, with a validation harness, native plugin marketplace, and full upstream attribution. by FluxonLab.
FluxonLab/Skillry/plugins/frontend-web-design/skills/256-shadcn-ui-components Skill
no license2★ repoInstallable, permission-bounded, multi-platform agent skills & subagents for Claude Code, Codex, Copilot & Gemini/Antigravity — 125 skills + 73 subagents across 18 departments, with a validation harness, native plugin marketplace, and full upstream attribution. by FluxonLab.
m-binimran/dev-pack/skills/component-scaffold Skill
2★ repoGuardrails, skills, loops, hooks & review agents for database + website builders on Claude Code (Next.js + Supabase).
m-binimran/dev-pack/skills/responsive-layout Skill
2★ repoGuardrails, skills, loops, hooks & review agents for database + website builders on Claude Code (Next.js + Supabase).
furkangonel/cowrangler/bundled_skills/ui-ux-pro-max Skill
2★ repoAutonomous terminal AI agent for workflows and feasible project procedures. Co-Worker Co-Wrangler 🐙
mrDesign-ww/vault-os/shell/claude/skills/ui-ux-pro-max Skill
2★ repoAn installable Claude Code + Obsidian companion system: persistent wiki-memory, curated skills/agents, isolated zones, and a self-improvement loop.
PawlakCamille/cami-design/skills/cami-design-layout Skill
no license2★ repoCatch what's off before you ship. A Claude Code skill that audits UI and routes each issue to layout, interaction, copy, or engineering.
kimtth/agent-skill-100-lines-or-less/skills/shadcn Skill
no license2★ repo🧿 Minimal but effective AI agent skill definitions in 100 lines or less.
PranavNagrecha/Salesforce-Intelligence/.claude/skills/admin-page-layout-routing Skill
no license2★ repoSalesforce Org Intelligence for AI agents - a read-only, offline, source-available MCP server and CLI answering metadata, dependency, permission, Apex and Flow questions grounded in real retrieved org metadata.
yend724/agent-skills/skills/react-component-conventions Skill
no license2★ repoThis repository contains Agent Skills published by yend724.
lennney/gate-all-skills/skills/design/ckm-ui-styling Skill
no license1★ repoFrontend/Next.js Claude Code Skills — curated + custom
lennney/gate-all-skills/skills/design/ui-modernizer Skill
no license1★ repoFrontend/Next.js Claude Code Skills — curated + custom
lennney/gate-all-skills/skills/design/ui-ux-pro-max Skill
no license1★ repoFrontend/Next.js Claude Code Skills — curated + custom
landim32/awesome-ai-skills/skills/ui-styling Skill
1★ repoClaude AI Skills repository
landim32/awesome-ai-skills/skills/ui-ux-pro-max Skill
1★ repoClaude AI Skills repository
manastalukdar/ai-devstudio/skills/component-library Skill
1★ repoProfessional development studio for Claude Code CLI
manastalukdar/ai-devstudio/skills/ui-layout Skill
1★ repoProfessional development studio for Claude Code CLI
OPN48/skills-apple-human-interface-guidelines/skills/apple-human-interface-guidelines/spatial-layout Skill
no license1★ reposkills-apple-human-interface-guidelines 用于所有UI界面遵守苹果人机交互手册，包含PC、andorid、iOS、小程序的UI治理。by the way 其他营销号都是炒作，根本不懂UI设计。
NafisRayan/100x-Agent-Toolkit/skills/shadcn Skill
no license1★ repoA production-grade engineering toolkit for AI-assisted software development. Contains 168 specialized skill workflows (100 core + 68 GSD sub-skills), 142 expert agent personas, 24 design system specifications, 5 reference checklists, 84 slash commands, and 9 MCP server integrations.
NafisRayan/100x-Agent-Toolkit/skills/ui-ux-pro-max Skill
no license1★ repoA production-grade engineering toolkit for AI-assisted software development. Contains 168 specialized skill workflows (100 core + 68 GSD sub-skills), 142 expert agent personas, 24 design system specifications, 5 reference checklists, 84 slash commands, and 9 MCP server integrations.
luminary19/atelier/skills/atelier-data Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
luminary19/atelier/skills/atelier-dataviz Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
luminary19/atelier/skills/atelier-layout Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
luminary19/atelier/skills/atelier-motion Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
luminary19/atelier/skills/atelier-redesign Skill
no license1★ repoAtelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.
steph-frtech/cdesign-expo/.claude/marketplaces/wshobson/plugins/ui-design/skills/web-component-design Skill
no license1★ repoClaude Code skill plugin that turns any design (Claude Design, screenshot, HTML, Figma) into production-ready Expo + NativeWind code. One skill, three slash commands, two reviewer agents.
hlsitechio/claude-skills-security/appsec-stack-pack/svelte-sveltekit-security Skill
1★ repoDefensive security audit skills for Claude — tech-stack-keyed and audit-domain-keyed packs for SaaS apps.
kennguyen887/agent-foundation/skills/structure-a-shared-ui-lib Skill
1★ repoClaude Code skills marketplace — backend & frontend engineering conventions + step-by-step third-party integration recipes: Stripe, Rapyd, CyberSource, UOB & wallet payments, Singpass/Keycloak OIDC & 3-D Secure, Twilio SMS, Docker & CI/CD. NestJS/TypeScript + React, language-flexible.
M4NUSH7/Niche-Claude-Code/skills/ui-standout Skill
1★ repoBattle-tested Claude Code & Cowork skills that double your usage, same quality.