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
devschro/evidence-led-marketing-skills/evidence-led-copywriter Skill
0★ repoTwo interoperable Claude Agent Skills: evidence-grounded product-market strategy and conversion copy, with claim traceability and no fabricated proof.
phatnguyen975/scenario-test-design Skill
0★Agent skill that systematically guides AI to analyze requirements and design comprehensive, traceable end-to-end test scenarios before scripting
raju-bd/Oracle-apex-ut-UI.skill Skill
no license0★Design-token skill for Oracle APEX Universal Theme 42 (Vita) — 300+ CSS tokens, 45 component types, and a new Theme Style, built for AI-assisted UI.
stephenpham68/citely-blog-kit/skills/blog-builder Skill
0★ repoClaude Skill kit that teaches AI coding agents (Claude Code, Cursor...) to build a standards-compliant blog UI - auto TOC, reading UX, responsive, SEO/GEO 2026 schema. By Citely - citely-seo.com
phatnguyen975/functional-test-design Skill
0★Agent skill that intelligently routes and applies systematic test design techniques — including Domain, Decision Table, State Transition, Use Case, and Error Guessing — to generate efficient and complete functional test cases from raw requirements
whoknewicould/oranguttan-skill/skills/orangutan Skill
0★ repoThe ultimate plugin and skill manager for Claude Code. Effortlessly install, update, and manage marketplaces and massive plugin bundles in one click. 🦧📦
goingli0324/muzi-going-skills/plugins/agentic-dev-loop/skills/agentic-dev-loop Skill
0★ repoMuzi Going 的 Claude skills 商店 — Claude Code plugin marketplace
reagin/agent-skills/skills/apple-design Skill
no license0★ repo🧠 A portable home for reusable AI agent skills shared across Codex and Claude Code—single-source, validation-first, and seamlessly managed with CC Switch. ⚡
byensitmagnus/sitesmith/skills/sitesmith Skill
0★ repoA 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.
JanKups/screen-list/skill Skill
0★ repoClaude Code skill: screenshot every route of your web app (auth included) into a comment-review gallery that exports agent-ready feedback
alfathony/tanya-warga-yux-skills Skill
no license0★Claude Code skill that simulates multi-persona "think-aloud" UI/UX feedback — get quick usability signal before real user research.
hsiangyilu/claude-design-skills/skills/design-brainstorm Skill
0★ repo三個 Claude 設計工作流 skill：發想、審流程、審畫面。不幫你畫圖，幫你把設計想清楚
rabius-sunny/agent-skills/api-and-interface-design Skill
no license0★ repoSelected agent skills
mdorf/agent-skills/skills/before-and-after Skill
0★ repoPortable Agent Skills (SKILL.md) for Claude Code, OpenAI Codex, and other AI coding agents
sayonsom/srib-godot-skills-demo/.claude/skills/srib-design Skill
0★ repoStandalone proof that six Claude Code skills develop a Godot 4.6 feature end-to-end: from an Excel backlog to a runnable SmartThings home view (shaders, animation, UI, integration). Includes one-step Linux/Windows setup.
victoryoalli/stripe-design-skill Skill
0★Color-agnostic Stripe design system skill for Claude Code
goingli0324/agentic-dev-loop Skill
0★Claude skill: 系統化開發工作流 — research → plan.md → implement → dual verify gates (security + UI/UX) → deploy, for solo devs maintaining projects with real user data
callahkate/data-viz-best-practices Skill
0★A Claude skill for reviewing or building charts, infographics, and dashboards. Grounded in Tufte, Few, and Knaflic's data visualization principles, with WCAG AA accessibility built in as a requirement, not an afterthought.
LuoHaomin/novel-design-studio Skill
0★为长篇小说设计、压测并修复连贯的虚构系统（世界/角色/一致性）— Claude Code / agent skill
parasvishwa/beautify-flutter Skill
0★Flutter UI/UX design skill for Claude Code, Cursor & AI coding agents. Material 3 theming, dark mode, animations, anti-patterns - make Flutter apps look designed, not defaulted.
manman1414/frontend-refactor-skills/skills/behavior-preserving-refactor Skill
0★ repoReact/Vue/TS 前端重构 Agent Skills（行为不变重构、拆文件、绞杀者迁移）
LunaAI519/motion-skill Skill
0★Claude Code skill：一张参考图 → 复古剪贴报风格动画短视频（Nano Banana 关键帧 + Kling 图生视频），内置版权红线自检
Aakreit/design-counsel Skill
0★Design Counsel — a veteran design reviewer for Claude Code and Codex. Evidence-grounded UX review: prioritized findings, state-matrix coverage, severity anchors, sourced design doctrine.
Shawnchee/design-scan/skills/design-scan Skill
no license0★ repoClaude Code skill: scan any live website into a replication-grade design.md — layout, typography, colors, and animations via a bundled Playwright crawler
SamsShow/formulary-claude Skill
0★The prompt formulary for Claude: symptoms, remedies, exact dosages. Official Anthropic prompting best practices as an Agent Skill.
jamartinezpastor/powerbi-motion/powerbi-motion Skill
no license0★ repoSkill que audita un informe de Power BI vía MCP + Plantillas de consultas DAX rellenadas mediante IA/adaptadas a cada modelo semántico, detecta sus insights más relevantes, propone al usuario un storyboard interactivo para que elija qué renderizar y lo convierte en un vídeo MP4 explicativo.
prone-dc302/AlterLab-FC-Skills/skills/cdm/alterlab-cdm-animation-previz Skill
0★ repoExplore 72 AI-powered skills across 6 departments for AlterLab FC training, learning, and workflow support
soreavis/claude-audit-skills/plugins/audit/skills/a11y Skill
0★ repoPre-ship audit suite for Claude Code: 13 skills — security (OWASP), code quality, dependencies, GDPR/ISO compliance, accessibility (WCAG), SEO/GEO, forms, responsive, deploy readiness, and LLM hallucination risk — under one /audit plugin, with an orchestrator and a report differ.
JordanCoin/ios-design-stack Skill
0★Design-to-code pipeline for iOS: Pencil MCP → Design Philosophy → XcodeBuildMCP → Ralph Loop. Orchestrator, not a collection.
arkantrust/next-skills/.agents/skills/accessibility Skill
no license0★ repoMy personal collection of agent skills for NextJS
olpex/perfect-presentation-skill/skills/perfect-presentation Skill
no license0★ repoPython-PPTX Educational Builder
badass-courses/a11y-agent/.claude/skills/a11y-advocate Skill
no license0★ repoAccessibility expertise for AI coding agents.
michelve/hugin-v0/skills/accessibility Skill
0★ repoA Claude Code plugin packaging 23 skills, 8 agents, 5 event hooks, and 7 MCP servers for full-stack development with React 19, TypeScript, Express, Prisma, Tailwind CSS v4, and shadcn/ui.
j13z/j13z-svelte-essentials/agent-skills/dist/shadcn-svelte Skill
no license0★ repoSvelte / SvelteKit agent skills, defaults, coding guidelines and patterns
DexZane/motioncraft-skill Skill
no license0★Production-ready frontend motion design skill with style translation, typography system, and 4 landing-page implementation streams (DOM Motion, Scrollytelling, DOM+Canvas 3D, Route Transitions)
twinfo-io/lifters-skills/skills/lf-briefing-ux Skill
no license0★ repoLifters oficial collections of agent skills
changeworldBT/first-love-persona-skill/plugins/first-love-persona/skills/first-love-persona Skill
0★ repoPortable fictional first-love persona skill for skills-compatible agents, with optional Codex/OpenAI plugin metadata.
jovd83/test-design-orchestrator Skill
0★Transforms requirements and business rules into structured software test artifacts using the right black-box design technique.
Angular frontend clean architecture
luismpenholato/maurao-skills/skills/angular-frontend-clean-architecture Skill
0★ repoReusable AI Agent Skills for CleanStack, .NET, Angular, React, architecture and developer workflows.
adryanmoldokkr32-pixel/awesome-claude-skills/artifacts-builder Skill
no license0★ repoA curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows
iceflower/agent-skills/a11y Skill
0★ repoAgent Skills 오픈 표준 기반 AI 코딩 에이전트용 스킬 컬렉션 (Java, Kotlin, Spring, NestJS, K8s, Terraform, GraphQL, gRPC, OpenTelemetry, a11y, i18n 등 60개)
Chagai33/my-agent-skills/app-layout-architecture Skill
no license0★ repoMy personal collection of custom AI Agent Skills for Claude Code. Contains production-grade architectural patterns and workflows for React, Firebase, Tailwind CSS, and Zustand.
hilmifawwazsaad/NextJS-js-Boilerplate/.agents/backend Skill
0★ repoNext.js 16 + JavaScript + Tailwind CSS v4 starter with strict linting, Husky git hooks, conventional commits, and AI agent skill routing.
coderbaba0/ai_agents_skills/design-an-interface Skill
0★ repoThis is a repository of reusable “agent skills” — structured workflows for an AI assistant. Each folder is one skill that handles a specific task (planning, coding, tooling, or writing). Together, they let you install and run these workflows in projects via simple commands.
leoheart0125/sdd-skills/skills/sdd-design-engine Skill
no license0★ repoagent skills for spec-driver development and compounding engineering
Michat context aware tool design
filmicgaze/MiChat-desktop/.codex/skills/michat-context-aware-tool-design Skill
no license0★ repoWindows desktop chat client for profile-based agents with gated local tools and skills.
powerful-user/typo/skill Skill
no license0★ repoFont management CLI for web and mobile projects.
fntune/skills/design-exploration/skills/design-exploration Skill
0★ repoClaude Code plugin marketplace — skills, slash commands, and subagents for TypeScript tooling, codebase auditing, design exploration, and developer workflows
airRnot1106/skills/skills/frontend-structure Skill
0★ repoMy agent skills
itssungho17/ssdam/templetes/architecture-design Skill
no license0★ repoSSDAM (Structured Skill-Driven Automation Mechanism) - 쓰담
gologo13/agent-skills/skills/accessibility-audit Skill
0★ repoOpen-source Codex skills library inspired by hamzafer/cursor-commands, with guardrail-first triggering for reliable workflow automation.
jovd83/responsive-testing Skill
0★Plans and runs responsive frontend testing across devices and screen sizes, with normalized reporting outputs.
SirPangolin/sirpangolin-claude-skills/oat-ui Skill
no license0★ repoAgent Skills for Claude Code, Cursor, VS Code, and other AI coding assistants
kjhk3082/master-assistant-skill Skill
0★A battle-tested Claude Code skill collection that enforces Plan→Execute→Verify→Handoff workflow. Auto-triggers brainstorming, planning, debugging, UI/UX, security, and review skills.
putdotio/skills/skills/frontend/frontend-dev Skill
0★ repoShared agent skills for put.io development workflows
mrslbt/jp-web-design-guardrails/skills/jp-design Skill
0★ repoClaude Code skill. Guardrails for building Japanese-ready web interfaces with correct CJK typography, form design, UX copy, accessibility, and production CSS
lohnim/skills/skills/tailwind-v4-dark-mode Skill
no license0★ repojovd83/acceptance-criteria-designer Skill
0★Turns raw product requirements into testable acceptance criteria, coverage notes, and machine-readable contracts.
LeoStehlik/visual-dna Skill
0★Extract and reuse visual design identity as structured Design DNA for AI-assisted UI generation.
Dirosaki/skills/skills/doc-yet Skill
0★ repoOpen agent skills for documenting repositories and related workflows.