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

• 1

  Svelte MCP

  sveltejs/ai-tools/dev.svelte/mcp · MCP server

  306★ repo

  The official Svelte MCP server providing docs and autofixing tools for Svelte development

• 2

  Storybook MCP Addon

  storybookjs/mcp/io.github.storybookjs/addon-mcp · MCP server

  265★ repo

  Help agents automatically write and test stories for your UI components.

• 3

  Svelte llm mcp

  khromov/svelte-llm-mcp/garden.stanislav.svelte-llm/svelte-llm-mcp · MCP server

  160★ repo

  An MCP server that provides access to Svelte 5 and SvelteKit documentation

• 4

  UI UX PRO MAX

  liyupi/github-claw/.agents/skills/UI-UX-PRO-MAX · Skill

  no license68★ repo

  用 GitHub 打造 AI 智能体：长期记忆 + AI Agent 技能包（UI/UX、图片生成、SEO）+ GitHub Actions 自动化 + Copilot 编程 Agent，支持 Vibe Coding 快速孵化项目。

• 5

  Webflow to react

  dmenchaca/webflow-to-react · Skill

  27★

  Agent skill to migrate a Webflow site to React.

• 6

  Shadcn

  gabrielkuettel/vibekit/.agents/skills/shadcn · Skill

  26★ repo

  The agentic stack for Algorand builders.

• 7

  Shadcn component discovery

  mattbx/shadcn-skills/skills/shadcn-component-discovery · Skill

  15★ repo

  Skills for building better shadcn/ui apps. Discover 1,500+ existing components before building custom, and review components against shadcn patterns & theme styles (Vega, Nova, Maia, Lyra, Mira).

• 8

  FileMaker XMLsnippet Layout Claude Skill

  andykear/FileMaker-XMLsnippet-Layout-Claude-Skill · Skill

  no license10★

  Reverse-engineered specification of FileMaker's undocumented layout XML format (fmxmlsnippet LayoutObjectList). All 18 object types covered, flags decoded, element order confirmed, verified against production layouts. Packaged as a Claude skill that generates pasteable layout XML.

• 9

  Wechat editorial layout skill

  niuer/wechat-editorial-layout-skill · Skill

  no license5★

  一个用于公众号文章排版的 Agent Skill，可将 Markdown、Word 和纯文本整理成可直接粘贴到微信公众号编辑器的 HTML。

• 10

  Layout discipline

  crazyzlnofficial/layout-discipline/layout-discipline · Skill

  4★ repo

  Layout Discipline · 排版规范 ：一个给 AI 写网页 / HTML 用的 Agent Skill——统一字号档位、4px 间距栅格、卡片规范与颜色变量，附零依赖自动体检脚本。An Agent Skill that enforces layout rules on AI-generated HTML: a fixed type scale, 4px spacing grid, card specs, color tokens, and a zero-dependency check script.

• 11

  Super design

  Eldergenix/SUPER-DESIGN/skill/skills/super-design · Skill

  3★ repo

  SUPER-DESIGN.md

• 12

  Frontend code review

  DNM03/frontend-code-review/skills/frontend-code-review · Skill

  3★ repo

  Agent skills for production-ready frontend code reviews across React, Next.js, TypeScript, accessibility, UX, performance, and SEO.

• 13

  Admin ui svelte

  lindoelio/my-agent-skills/admin-ui-svelte · Skill

  no license3★ repo

  A collection of reusable Agent Skills for AI-powered development tools.

• 14

  Ui design workflow

  FrozenMoon/ui-design-workflow · Skill

  3★

  UI workflow for production-grade Vibe Coding projects

• 15

  Wes bos sick picks

  boserup/wes-bos-sick-picks/skills/wes-bos-sick-picks · Skill

  2★ repo

  Claude Code skill for building frontend UI the Wes Bos way: research pitfalls and modern platform features before planning, design accessible (WCAG) components with native HTML/CSS, then verify the approach against Wes Bos on X + trusted sources (MDN, web.dev, CSS-Tricks). Framework-agnostic.

• 16

  Screenshot to design system

  WCF900905/screenshot-to-design-system · Skill

  2★

  Agent Skill for Cursor, Claude Code & Codex: turn UI screenshots into design tokens and a 24-category component library demo.

• 17

  Lovable design system

  Mine77/lovable-design-skills/skills/lovable-design-system · Skill

  no license2★ repo

  A Lovable-inspired design skill for AI coding agents to create distinctive, production-grade frontend UI.

• 18

  High plains drifter

  alexconner-79/high-plains-drifter · Skill

  2★

  Claude skill: aligns a Figma design or scrappy code to your real Storybook components. Never reconstructs, never invents.

• 19

  Wcag accessibility

  salawi45/skill-wcag-accessibility/wcag-accessibility · Skill

  1★ repo

  A Claude skill for WCAG 2.2 AA accessibility — component advisor, test runner, issue reporter, and jurisdiction mapping for ADA, Section 508, EAA, and AODA

• 20

  Astrojs expert skill

  joncutrer/astrojs-expert-skill · Skill

  no license1★

  HappyCapy skill for expert Astro (v5 + v6) guidance — Islands Architecture, Content Collections, Live Collections, SSR/SSG, integrations, and v6 migration

• 21

  Gutenberg layout

  iwritec0de/wp-dev/skills/gutenberg-layout · Skill

  1★ repo

  WordPress development plugin for Claude Code

• 22

  Bento layout director

  lightrainstech/claude-design-prompt-pack/skills/bento-layout-director · Skill

  no license1★ repo

  Reusable Claude prompts for bento-grid visuals, brand files, mockups, and design workflows.

• 23

  Atelier components

  luminary19/atelier/skills/atelier-components · Skill

  no license1★ repo

  Atelier - a premium, anti-slop frontend design skill suite for Claude Code: 11 skills + a deepdive knowledge base.

• 24

  Bits ui

  BetaHuhn/skills/bits-ui · Skill

  1★ repo

  A collection of skills for use with AI coding tools

• 25

  Accessibility

  michelve/hugin-cowork/skills/accessibility · Skill

  1★ repo

  A Cowork plugin that helps **product designers and engineers ship design-to-production React apps** — translating Figma mockups into accessible, production-ready components with best-practice enforcement for React 19, TypeScript, Tailwind CSS v4, and shadcn/ui.

• 26

  Design md to shadcn

  douinc/agent-skills/skills/design-md-to-shadcn · Skill

  1★ repo

  Agent skills for Claude Code, Copilot, Codex, and Gemini CLI — Figma icons (Iconify), logos (SVGL), Korean UX Writing, and more.

• 27

  Shadcn component lock

  MonkeyUI-dev/shadcn-component-lock · Skill

  1★

  Agent Skill that locks stock shadcn/ui primitives so Vibe Coding agents (Cursor, Copilot, Codex, Claude Code…) never edit them in place.

• 28

  Web taste

  sonhaicoder/web-taste-skill/skills/web-taste · Skill

  1★ repo

  Anti-slop web frontend skill for AI coding agents. Auto-trigger every web task. Force Kimi/Lovable-tier quality with Discovery Form + 5 deterministic directions + 27 anti-patterns + ready-to-paste hero/section/motion blueprints. Distilled from open-design, taste-skill, impeccable.style, getdesign.md, kimi.com, lovable.dev.

• 29

  Ui arsenal

  umararshad4/skill-arsenal/ui-arsenal · Skill

  1★ repo

  A growing arsenal of Claude Agent SDK skills for serious frontend, design, and engineering work. Currently ships ui-arsenal: premium component-library expert for React + Next.js + Tailwind.

• 30

  Social cover layout

  ChuluuMGL/social-cover-layout · Skill

  1★

  Platform-aware Agent Skill for original social covers, layered typography, color systems, and quality-gated image generation.

• 31

  Accessibility

  Deadlymind/nanolama/skills/accessibility · Skill

  1★ repo

  A portable Claude Code skills library (plugin) for a Django 5.2 + Next.js 16 house stack: 30 model-agnostic, tenant-isolation-and-security-first skills.

• 32

  Ui designer

  sonkd/Figma-MCP-x-Claude/ui-designer · Skill

  no license0★ repo

  design system refactor plan

• 33

  Vite 2 next

  JDhruv14/vite-2-next/skills/vite-2-next · Skill

  0★ repo

  Agent skill to migrate React+Vite+Tailwind apps to Next.js 16

• 34

  React laravel frontend

  HlibPanchenko/react-laravel-frontend-skill/react-laravel-frontend · Skill

  0★ repo

  A Claude Skill for senior-grade React frontend development against Laravel APIs

• 35

  Sitesmith

  byensitmagnus/sitesmith/skills/sitesmith · Skill

  0★ repo

  A coding-agent skill for building websites that don't look AI-generated. Routes by mode, enforces a 12-step build loop, and renders and measures the result instead of stopping at the code.

• 36

  Shadcn svelte

  j13z/j13z-svelte-essentials/agent-skills/dist/shadcn-svelte · Skill

  no license0★ repo

  Svelte / SvelteKit agent skills, defaults, coding guidelines and patterns

• 37

  App layout architecture

  Chagai33/my-agent-skills/app-layout-architecture · Skill

  no license0★ repo

  My personal collection of custom AI Agent Skills for Claude Code. Contains production-grade architectural patterns and workflows for React, Firebase, Tailwind CSS, and Zustand.

• 38

  Accessibility

  michelve/accessibility · Skill

  0★

  WCAG 2.2 AA accessibility skill for Claude Code, covers ARIA, keyboard navigation, screen readers, axe-core, VPAT, and accessible React/shadcn/ui patterns. 100% trigger recall on 20-query eval set.

• 39

  React pdf kit custom layout

  react-pdf-kit/agent-skills/skills/react-pdf-kit-custom-layout · Skill

  0★ repo

  Skills to help developers using AI agents with React PDF Kit library

• 40

  Shadcn forms

  drlorenesi/skills/shadcn-forms · Skill

  0★ repo

  Agent skills for Claude Code — npx skills add drlorenesi/skills

• 41

  Cjk layout audit

  sichengchen/cjk-layout-skills/cjk-layout-audit · Skill

  0★ repo

  Agent skills for Chinese, Japanese, and Korean text layout. 日本語組版 / 中文排版 / 한국어 텍스트 레이아웃 agent skills.

• 42

  Web prototype designer

  Gnilevell/web-prototype-designer · Skill

  0★

  A staged Codex skill for designing and validating interactive web prototypes

• 43

  Playwright spatial layout mcp

  vola-trebla/playwright-spatial-layout-mcp/io.github.vola-trebla/playwright-spatial-layout-mcp · MCP server

  0★ repo

  MCP server that gives AI agents geometric spatial awareness of web page layouts using Playwright

• 44

  Fd

  dgk-dev/dgk-gpt/skills/fd · Skill

  52★ repo

  Safe Codex CLI setup installer with skills, AGENTS.md, profiles, and MCP defaults

• 45

  Shadcn component review

  mattbx/shadcn-skills/skills/shadcn-component-review · Skill

  15★ repo

  Skills for building better shadcn/ui apps. Discover 1,500+ existing components before building custom, and review components against shadcn patterns & theme styles (Vega, Nova, Maia, Lyra, Mira).

• 46

  Agentic webdesign shadcn chat

  S3YED/appie-kit/skills/agentic-webdesign-shadcn-chat · Skill

  6★ repo

  Build Your Own AI Employee. The complete starter kit for OpenClaw + Hermes Agent. 155 deduplicated skills, drag-and-drop workspace, case studies, install scripts.

• 47

  Web design

  minorcell/skills/skills/web-design · Skill

  5★ repo

  A collection of skills distilled from minorcell's own workflows and useful practices from others.

• 48

  Svar svelte

  svar-widgets/skills/svar-svelte · Skill

  no license2★ repo

  Skills and LLM context packs for accurate code generation for SVAR React, Svelte, and Vue.

• 49

  Add react i18n

  landim32/awesome-ai-skills/skills/add-react-i18n · Skill

  1★ repo

  Claude AI Skills repository

• 50

  Ui ux pro max

  krlan/leverbrain/.agents/skills/ui-ux-pro-max · Skill

  no license1★ repo

  Web3 skill marketplace for agents and operators

• 51

  Responsive layout diagnosis

  shahroz-a/skills/skills/responsive-layout-diagnosis · Skill

  1★ repo

  Original, tested agent skills for interface reviews, product quality, accessibility, motion, and responsive UI work.

• 52

  Designing in figma

  Studio-Moser/skills-n-stuff/plugins/figma-design/skills/designing-in-figma · Skill

  0★ repo

  Product research, market intelligence, and content tools for AI-native teams

• 53

  Reactprinciples component

  sindev08/react-principles-skills/skills/reactprinciples-component · Skill

  0★ repo

  Claude/Cursor/AI skills for React Principles cookbook patterns

• 54

  Auto layout refactor

  Hosseinkm89/figma-skills/auto-layout-refactor · Skill

  0★ repo

  Claude Skills for product designers working in Figma — design systems, layout cleanups, Plugin API automation.

• 55

  Svelte authoring

  j13z/j13z-svelte-essentials/agent-skills/dist/svelte-authoring · Skill

  no license0★ repo

  Svelte / SvelteKit agent skills, defaults, coding guidelines and patterns

• 56

  Blazing story story

  BlazingStory/agent-skills/skills/blazing-story-story · Skill

  0★ repo

  Collection of agent skills for Blazing Story, enabling AI coding assistants to implement stories and addons in Blazing Story projects.

• 57

  Ui ux pro max

  95-yn/tuttikit/.claude/skills/ui-ux-pro-max · Skill

  0★ repo

  自己跑、自己改、自己说了算的简易多 Agent 框架 · Conductor + Sub-agents · Skills + MCP · 多设备同步

• 58

  Cjk layout

  sichengchen/cjk-layout-skills/cjk-layout · Skill

  0★ repo

  Agent skills for Chinese, Japanese, and Korean text layout. 日本語組版 / 中文排版 / 한국어 텍스트 레이아웃 agent skills.

• 59

  Adaptive layout

  zakariaf/Flutter-Skills/skills/adaptive-layout · Skill

  0★ repo

  General, reusable Flutter engineering skills for AI coding agents — architecture, Riverpod 3.x, testing, persistence, i18n/RTL, accessibility, navigation & more. Agent Skills open standard; works with Claude Code, Cursor, Codex & 70+ agents.

• 60

  Shadcn ui

  nexu-io/open-design/skills/shadcn-ui · Skill

  85,608★ repo

  🎨 The open-source Claude Design alternative. 🖥️ Local-first desktop app. 🖼️ Your coding agent becomes the design engine: prototypes, landing pages, dashboards, slides, images & video — real files, HTML/PDF/PPTX/MP4 export. 🤖 Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen & 20+ CLIs via BYOK.