Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
belos-streetSkillbelos-street/skill-kit/skills/frontend-design/skill.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, artifacts, or applications (websites, landing pages, dashboards, React/Vue components, HTML/CSS layouts). Generates creative, polished code and UI design that avoids generic aesthetics. Complete terms in LICENSE.txt.
JokerRunSkillJokerRun/amp-skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Samin12SkillSamin12/skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.
thesaifalitaiSkillthesaifalitai/claude-setup/skills/nextjs-frontend/SKILL.md
Expert Next.js, React.js, and Vue.js frontend development skill. ALWAYS trigger for ANY task involving Next.js (App Router, Pages Router), React.js, Vue.js, TypeScript frontend, server components, client components, SSR, SSG, ISR, SEO optimization, metadata API, Zustand/Redux/Pinia state management, React Query/SWR data fetching, form handling (React Hook Form + Zod), routing, middleware, image optimization, performance (Core Web Vitals), internationalization (i18n), or deploying to Vercel/Netlify. Also triggers for: "build a website", "create a web app", "Next.js project", "React page", "Vue component", "frontend architecture", "landing page", "dashboard UI".
VoVuongThanhDatSkillVoVuongThanhDat/agentflow/.claude/skills/frontend-design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
issue-orchestratorSkillissue-orchestrator/issue-orchestrator/.claude/skills/frontend-design/SKILL.md
Apply frontend design principles to UI components. Use when working on templates/, static files, or any user-facing HTML/CSS/JS. Ensures information hierarchy, user action flow, and accessible progressive disclosure.
14BryanEspinozaSkill14BryanEspinoza/frontend-skill/SKILL.md
Frontend engineering standards for the frontend-skill. Inject into delegated executors (general, explore, sdd-apply, sdd-design) when the task touches frontend code. Covers stack detection, architecture-first, anti-hallucination and token efficiency, and defines the workflow and loading of injected skills.
DanifelipaezSkillDanifelipaez/NeoCafeIA/.agents/skills/frontend-react/SKILL.md
Skill para documentar y extender el frontend de NeoCafeIA en Next.js 15 + React 19 + TypeScript estricto.
hawk-digital-environmentsSkillhawk-digital-environments/ai-skills/skills/hawki-frontend/SKILL.md
[ REQUIRES 'svelte' skill! ] HAWKI frontend coding standards: kernel + plugin architecture, hooks, stores, snippets, UI primitives, composer. Use when writing or reviewing HAWKI Svelte 5 frontend code, creating components/stores/snippets, or when asked about frontend architecture.
jnsfhrmnnSkilljnsfhrmnn/jf-agentic-coding-starter-kit/.claude/skills/4-csk-frontend/SKILL.md
Build any user-facing surface using the stack chosen in docs/architecture.md, with quality-first verification, local/cloud implications, approved boundaries, and review-loop gating. This may be web, desktop, local HTML, CLI/TUI, plugin UI, mobile, game/editor UI, or another approved interface.
jpoindexterSkilljpoindexter/theft-kit/frontend-skill/SKILL.md
Create visually strong landing pages, websites, and app UIs with restrained composition. OpenAI's production frontend playbook.
Laffey-82SkillLaffey-82/cn-agent-skills/skills/frontend-debug/SKILL.md
前端调试。页面报错、白屏、请求失败、交互异常时,按 Console → Network → Elements/Sources → Performance 的路径排查,输出带证据的调试结论。Use to debug frontend issues in the browser with DevTools evidence.
lammersbjornSkilllammersbjorn/sane-next/.agents/skills/frontend-craft/SKILL.md
Use this skill when implementing or polishing user-facing frontend UI, components, layout, styling, responsive behavior, visual hierarchy, or interaction details. Use frontend-review for review-only work and backend skills for backend-only work.
namanmehta96Skillnamanmehta96/ultra-frontend-skill/ultra-frontend/SKILL.md
Master frontend skill for Claude Code. Synthesizes ultra-frontend design system, uiuxpromax design intelligence, superdesign.dev aesthetics, framer-motion + GSAP full plugin ecosystem, 21st.dev component patterns, Three.js 3D, shadcn/ui, and production-grade architecture. Invoke for ANY visual web task: landing pages, portfolios, dashboards, SaaS apps, React components, interactive experiences, scroll animations, 3D scenes, design systems, component libraries, "make it look sick", "world-class UI", or any frontend build across HTML, React, Next.js, Vue, Svelte, or mobile stacks.
TheKREATORSSkillTheKREATORS/my-claude-skills/skills/multi-frontend/SKILL.md
No description
OpenAISkillopenai/plugins/plugins/build-web-apps/skills/frontend-app-builder/SKILL.md
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.
peterfeiSkillpeterfei/ai-agent-team/.claude/skills/frontend-dev/SKILL.md
前端开发 Agent — UI 实现、组件构建、交互设计、性能优化、可访问性
bestdeejay-designSkillbestdeejay-design/agent-skills/skills/mobile-frontend/SKILL.md
Composite skill for quality mobile-first frontend — codified rules (spacing, type scale, anchors, safe-area, tap-targets), build, and multi-level verification with per-element menu/nav debugging.
darker2016Skilldarker2016/WorkbuddySkillGroups4DSH/skills/humanize-ppt-skills/frontend-slides/SKILL.md
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
darker2016Skilldarker2016/WorkbuddySkillGroups4DSH/skills/makers-skills/frontend/SKILL.md
Makers 开发专家团前端工程师 Skill — React/Vue/Next.js/Nuxt/Astro 前端开发， 静态页面、SPA/MPA、Tailwind CSS 样式、前端工程化。 触发词：前端页面、UI 组件、React 开发、Vue 开发、Next.js 页面、 搭一个前端、SPA、静态站点、Tailwind 样式。
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Open a skill to see its discussion. Reports from people and their agents are coming.
