Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
saemihemmaSkillsaemihemma/lead-producer-oss/.claude/skills/team-frontend-team/SKILL.md
Frontend review team: UX quality, implementation health, accessibility, and frontend-backend integration in one recommendation. Use for UI features or frontend-heavy flows.
tadoEngSkilltadoEng/web-starter/.claude/skills/frontend-page/SKILL.md
Add or change a page, screen, form, table or component in this product's React frontend, with the five async states and the accessibility floor. Use when asked to build a page, add a route, create a form, show a list or table, or change the UI.
matyasstochSkillmatyasstoch/david-skills/skills/frontend-polish/SKILL.md
Improve the visual quality, cohesion, and finish of an existing frontend without changing the product direction. Use when the user asks to polish, refine, tighten, elevate, clean up, or make a UI feel more premium, clearer, or more consistent across pages, components, spacing, typography, color, motion, states, and responsive behavior.
BankrBotSkillBankrBot/skills/ethskills-frontend-playbook/SKILL.md
Complete build-to-production pipeline for Ethereum dApps — fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and a full production checklist built around Scaffold-ETH 2.
RylaispiritSkillRylaispirit/rylai-codex-hermes-skills/skills/frontend-design/SKILL.md
Design, implement, and verify production frontend interfaces while respecting the existing repository, accessibility, responsive behavior, interaction, and visual QA.
FmarzochiSkillFmarzochi/EGC/.agents/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.
FmarzochiSkillFmarzochi/EGC/.cursor/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.
nahid-sparktalesSkillnahid-sparktales/agent-dispatcher/skills/design/frontend-design/SKILL.md
Establish a visual direction for new or reshaped UI so it reads as designed for this product rather than assembled from defaults — hierarchy, typography, colour, spacing, density. Use when building a new surface, when something looks templated and needs a direction rather than a tweak, or when asked to make an interface feel considered. Prefer the official Anthropic frontend-design skill when it is installed; this is the local counterpart for when it is not. Not for critiquing an existing interface, and not for work inside a design system that already decides these things.
krishnakanthb13Skillkrishnakanthb13/antigravity_global_skills/frontend_design/SKILL.md
Create distinctive, production-grade frontend interfaces with high design quality. Use this when building web components, pages, artifacts, posters, or applications (websites, landing pages, react components). Generates creative, polished code that avoids generic aesthetics.
jakubsuplickiSkilljakubsuplicki/codument/.agents/skills/frontend-design/SKILL.md
Create distinctive, production-grade UI visuals across web and native: layout, typography, color, hierarchy, and aesthetic direction that avoid generic "AI slop". Use whenever the goal is visual design quality, aesthetic direction, or beautifying an interface (web, React Native, or native). Do NOT use for state management, data fetching, rendering performance, or framework/component architecture (use senior-frontend), or for animation and gesture mechanics (use motion-craft).
jakubsuplickiSkilljakubsuplicki/codument/.agents/skills/senior-frontend/SKILL.md
Build modern, performant frontend UIs: component design, state management, rendering performance, and accessibility. Covers React and Next.js (web) plus React Native, with framework-specific mechanics in reference files; the judgment applies cross-framework. Use whenever the user builds or optimizes UI components, manages client or server state, or fixes frontend performance including list virtualization and scroll or render jank (e.g. FlatList). Do NOT use for visual or aesthetic design direction (use frontend-design), or for animation and gesture craft (use motion-craft).
vstorm-coSkillvstorm-co/agenticos/.claude/skills/frontend-feature/SKILL.md
Build or change a page, view or data-driven feature in the Next.js frontend — a route under the dashboard, wiring UI to a backend endpoint, a Zustand store, a permission that must hide a control, or localized copy. Use for any work in frontend/src, including "the page renders but shows an empty state" and "this button should not be visible to a Viewer".
yerdaulet-damirSkillyerdaulet-damir/vibe-coding-rules/.claude/skills/debug-frontend/SKILL.md
Systematic 5-step debugging flow for Next.js 15 + React 19 + TypeScript apps. Load when a UI bug is reported, hydration error appears, Server Action returns wrong data, or cache invalidation fails. Forces layer isolation (server vs client, action vs component, cache vs render) before touching code — prevents "fix here, break there" cascades.
khuynh22Skillkhuynh22/agent-dev-team/skills/frontend-build/SKILL.md
Implements user interface work state by state: empty, loading, error, partial, and degenerate content, with native elements, derived state, and keyboard support. Use when building or changing a component, page, form, or flow, or when a UI change needs to hold up outside the happy path.
Phelan164SkillPhelan164/codex-howto/skills/build-frontend/SKILL.md
Build or modify frontend interfaces using repository-native components while preserving accessibility, responsive behavior, state handling, and visual verification. Use for UI features, design implementation, forms, client-side defects, and frontend refactors; do not use for backend-only or infrastructure-only work.
iliaalSkilliliaal/ai-skills/skills/frontend-design/SKILL.md
Visual design and aesthetic direction for frontend interfaces. Use when building web pages, landing pages, dashboards, Next.js server components, or applications where visual identity matters. For React patterns and testing, use react-frontend.
vuralserhat86Skillvuralserhat86/antigravity-agentic-skills/skills/frontend_design/SKILL.md
Premium/yaratıcı UI tasarım. ⚠️ Distinctive, memorable interface için kullan. Temel UI için → design-patterns.
keirsalteregoSkillkeirsalterego/jailbreak-fable/skills/public/frontend-design/SKILL.md
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing
ShaheerKhawajaSkillShaheerKhawaja/ProductionOS/.claude/skills/frontend-audit/SKILL.md
ProductionOS frontend quality scanner. Auto-activates when editing React/Vue/Svelte components, CSS, or layout files. Checks accessibility, responsive design, performance, and design system consistency.
KellyGong0301SkillKellyGong0301/frontend-post/SKILL.md
Convert text into beautiful Xiaohongshu (小红书 / RED) image carousels. Use when the user wants to make 小红书图片、RED notes、图文笔记、图片排版、九宫格、朋友圈/微博图片. Generates 1080×1440 (3:4) or 1080×1080 (1:1) cards as a single HTML preview plus an optional Playwright script that exports each card to PNG. Includes 12 curated styles tuned for Chinese typography (奶油拿铁、莫兰迪、多巴胺、校园手账、极简黑白、港风胶片、杂志大字、暗黑科技、国风水墨、日系治愈、复古杂志、咖啡店黑板).
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.
