Design & frontend
16,188 rows, by stacks then stars
1,697 of these skill files have been read, by 1,179 distinct authors, and what they tell an agent counted. What Design & frontend authors agree on, and what they forbid
addyosmani/agent-skills/skills/api-and-interface-design Skill
85,040★ repoProduction-grade engineering skills for AI coding agents.
ComposioHQ/awesome-claude-skills/artifacts-builder Skill
no license72,074★ repoA curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
wshobson/agents/plugins/accessibility-compliance/skills/screen-reader-testing Skill
38,701★ repoMulti-harness agentic plugin marketplace for Claude Code, Codex CLI, Cursor, OpenCode, GitHub Copilot, and Gemini CLI
kubesphere/kubesphere/skills/frontend-forge-fe-operations Skill
no license17,025★ repoThe container platform tailored for Kubernetes multi-cloud, datacenter, and edge management ⎈ 🖥 ☁️
htmlstreamofficial/preline/skills/theme-generator Skill
no license6,380★ repoPreline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
antfu/skills/skills/antfu-design Skill
5,740★ repoAnthony Fu's curated collection of agent skills.
Vincentwei1021/video-shotcraft Skill
4,130★AI video skill for Claude Code & Codex — cinematic product videos with Remotion: 106 shot recipe cards, 161 motion previews, a production-ready template
lackeyjb/playwright-skill/skills/playwright-skill Skill
3,026★ repoClaude Code Skill for browser automation with Playwright. Model-invoked - Claude autonomously writes and executes custom automation for testing and validation.
addyosmani/web-quality-skills/skills/accessibility Skill
2,628★ repoAgent Skills for optimizing web quality based on Lighthouse and Core Web Vitals.
composio-community/awesome-claude-plugins/artifacts-builder/skills/artifacts-builder Skill
no license1,884★ repoA curated list of Plugins that let you extend Claude Code with custom commands, agents, hooks, and MCP servers through the plugin system.
bergside/typeui/plugins/grok/typeui/skills/typeui Skill
no license1,735★ repoBuild better UI with AI
silverstein/minutes/.agents/skills/impeccable Skill
1,426★ repoEvery meeting, every idea, every voice note — searchable by your AI. Open-source, privacy-first conversation memory layer.
noobnooc/agent/skills/better-codex Skill
no license1,374★ repoMy profile & the agent skills I created
zanwei/design-dna Skill
1,329★Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
agentlas-ai/Agentlas-OS/skills/agent-team-design Skill
1,154★ repoAgent OS: keep specialist agents in a hub, spin up a temporary orchestrator per task. Local-first, works with any model.
SeanJ1ang/design-judge-skills/skills/design-award-match Skill
1,007★ repoEvidence-driven Agent Skills for design award research, evaluation, award matching, entry writing, and submission readiness.
rorkai/app-store-connect-cli-skills/skills/asc-app-create-ui Skill
965★ repoSkills to automate app store deployed and everything related to it using the asc cli
LottieFiles/motion-design-skill/skills/motion-design Skill
925★ repoUniversal motion design principles for AI agents — timing, easing, choreography, and Disney animation principles adapted for UI
bitjaru/styleseed/engine/.claude/skills/ss-a11y Skill
886★ repoOpen-source design-method engine for Claude Code, Codex & Cursor. Gives coding agents fixed design judgment—not one fixed aesthetic—then selects or derives the right grammar from references, locks project decisions, and verifies UI, carousels, decks & docs. 20 skills · MIT.
AgnosticUI/agnosticui/.claude/skills/check-accessibility Skill
823★ repoAgnosticUI Local (v2) is a CLI-based UI component library that copies components directly into your project. Works with AI tools, agent-driven UIs, and prompt-ready workflows.
worldwonderer/novel-to-game/skills/game-art-direction Skill
631★ repo将任何小说蒸馏为可玩的游戏 · Turn any novel into a playable game — a 7-skill adaptation pipeline for Claude Code, Codex & Kimi Code(k3)
ECNU-ICALK/AutoSkill/SkillBank/Common/AwesomeClaudeSkills/artifacts-builder Skill
no license551★ repoAutoSkill: Experience-Driven Lifelong Learning via Skill Self-Evolution
rampstackco/claude-skills/dist/pi/.agents/skills/accessibility-audit Skill
531★ repoStack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize.
vibeeval/vibecosystem/skills/accessibility-patterns Skill
526★ repoAI software team for Claude Code - 138 agents, 295 skills, 73 hooks. Self-learning, multi-agent swarm, autonomous skill evolution.
shaom/infocard-skills/skills/editorial-card-screenshot Skill
501★ repoOpen-source agent skills for generating editorial-style information cards from natural-language input.
plugin87/ux-ui-agent-skills/.claude/skills/a11y-audit Skill
no license493★ repoTurn Claude into a Senior Design Architect — DTCG design tokens, 42 components, WCAG 2.2 accessibility, any-framework code, 138 design systems, and runnable skills.
gamedev-skills/awesome-gamedev-agent-skills/router Skill
462★ repoGame-development Agent Skills for AI coding agents: install once and a master router loads the right skill for your engine and task. 66 original, version-pinned skills (plus a master router) in the portable SKILL.md format that runs across Claude Code, Cursor, Codex, Copilot, Gemini CLI and more, for Godot, Unity, Unreal, web and beyond.
geekjourneyx/claude-design-card Skill
no license460★Claude Code skill for generating design cards in 14 formats — platform covers, social sharing cards, and editorial layouts following Anthropic
heliocosta-dev/revenue-centric-design Skill
no license455★Product-design, conversion & behavioral-science principles for SaaS
superdesigndev/superdesign-skill/skills/superdesign Skill
394★ repoThe design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
jamditis/claude-skills-journalism/dev-toolkit/skills/accessibility-compliance Skill
360★ repoClaude Code skills for journalism, media, and academia - verification, FOIA, data journalism, academic writing, and more
sveltejs/ai-tools/dev.svelte/mcp MCP server
306★ repoThe official Svelte MCP server providing docs and autofixing tools for Svelte development
AlpacaLabsLLC/skills-for-architects/skills/color-palette-generator Skill
303★ repoClaude Code skills for architecture, real estate, and workplace strategy. Type /skill-name and go.
ybuild-ai/ai-game-art-pipeline-skill Skill
294★Agent skill from Y Build for turning AI images and videos into playable game art assets
storybookjs/mcp/io.github.storybookjs/addon-mcp MCP server
265★ repoHelp agents automatically write and test stories for your UI components.
educlopez/ui-craft/.agents/skills/adapt Skill
255★ repoDesign engineering system for AI coding agents — ship UI with craft-level quality. Install as an agent skill.
OneWave-AI/claude-skills/accessibility-auditor Skill
248★ repo172 production-ready Claude Code skills for sales, marketing, design, engineering, and AI agent architecture. Built and maintained by OneWave AI.
billy-enrizky/openbrowser-ai/plugin/skills/accessibility-audit Skill
238★ repoOpenBrowser is a framework for intelligent browser automation. It combines direct CDP communication with a CodeAgent architecture, where the LLM writes Python code executed in a persistent namespace, to navigate, interact with, and extract information from web pages autonomously.
TranHoaiHung/figma-ui-mcp/io.github.TranHoaiHung/figma-ui-mcp MCP server
221★ repoBidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
tigerless-labs/design-harness/plugins/design-harness/skills/design-harness Skill
no license207★ repoFeed your agent papers and half-formed ideas — it links them into a system design you can defend. Markdown keeps the record; a visual canvas makes it readable. An Agent Skill for Claude Code & any SKILL.md-compatible agent.
hiyeshu/codeck/skills/codeck-design Skill
202★ repoNo Keynote. No dragging. No font sizes.
SkyworkAI/Skywork-Skills/skywork-design Skill
199★ repoSkywork Agent Skills for AI office suites, including AI PPT, AI Document, AI Excel, AI Image, AI Search/DeepResearch and AI Music. These skills can be used by any skills-compatible agent, including Claude Code, Codex CLI and OpenClaw.
tsubotax/melta-ui/io.github.tsubotax/melta-ui MCP server
194★ repoAI-Ready design system MCP: melta UI tokens, component contracts, 99 rules, check_html self-verify
vishalsachdev/canvas-mcp/skills/canvas-accessibility-auditor Skill
191★ repoCanvas LMS MCP server — 80+ tools and 5 agent skills for students & educators. Works with Claude, Cursor, Codex, and 40+ agents. v1.1.0
referodesign/refero_skill Skill
188★Research-first design skill for AI agents. 150K+ real app screens and flows via Refero MCP.
gapmiss/obsidian-plugin-skill/.agents/skills/obsidian Skill
182★ repoAgent SKILL for Obsidian.md plugin development
arvindrk/extract-design-system/skills/extract-design-system Skill
180★ repoExtract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.
Karanjot786/agent-skills-cli/.agent/skills/frontend-design Skill
177★ repoUniversal CLI for Agent Skills. Access 200,000+ skills from SkillsMP and sync them to Cursor, Claude Code, GitHub Copilot, OpenAI Codex, and Antigravity.
smnandre/symfony-ux-skills/skills/live-component Skill
166★ repoSymfony UX skills for Claude, Gemini, Codex, ... Live Component, Twig Component, Turbo, Stimulus
khromov/svelte-llm-mcp/garden.stanislav.svelte-llm/svelte-llm-mcp MCP server
160★ repoAn MCP server that provides access to Svelte 5 and SvelteKit documentation
WU-HAOTIAN34/2dimg2motion Skill
143★Agent skill for converting 2D character into style-consistent transparent animation sequences and spritesheets for game engines | 用于将静态 2D 角色/物体图片，通过 agent 转化为一致的透明背景游戏动画序列帧。
IgniteUI/igniteui-cli/io.github.IgniteUI/mcp-server MCP server
136★ repoUnified MCP server for Ignite UI — documentation, API, and CLI scaffolding
ToluVictor/canvas-apps-tools/skills/canvas-apps-ui-gen Skill
127★ repoAI skills for Power Apps Canvas Apps - Generate paste-ready Power Apps Canvas App YAML from screenshots, mockups, or text descriptions
TheGoat395/Codex-Skills/skills/accessibility-audit-websites Skill
117★ repoCodex-first Agent Skills library for premium frontend, website, motion, accessibility, QA, and handoff workflows.
aryaniyaps/lamina/brand/templates Skill
112★ repoHeadless Product Design skill for AI coding agents | Design how it works, verify what you ship.
ohmiler/gridgeist/skills/gridgeist Skill
106★ repoGridgeist turns product intent into a rigorous visual system—without the generic AI SaaS aftertaste.
anhvt52/jetpack-compose-skills/modern-jetpack-compose Skill
94★ repoAgent skill for modern Android development with Jetpack Compose — best practices for code generation and review
woodfantasy/Seedance2.0-ShotDesign-Skills Skill
91★Seedance 2.0 Shot Design Skills
walidboulanouar/Ay-Skills/skills/artifacts-builder Skill
no license85★ repoOpen source Claude Code skills by AY Automate
codeswithroh/tastemaker/skills/tastemaker Skill
79★ repoA Claude Code skill that grounds AI-generated UI in real reference images and a persistent per-developer taste profile, instead of generic AI-slop defaults.