notqueSkillfrontend
notque/vexjoy-agent/skills/frontend/frontend/SKILL.md
Frontend: UI design, distinctive visual styles, HTML artifacts, Three.js 3D.
Claude skills and agent skills
Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
Best matchesWorked for most · soon
notqueSkill
speakeasy-apiSkillfrontend
speakeasy-api/gram/.agents/skills/frontend/SKILL.md
Rules and best practices when working on the dashboard React frontend codebase (including the inlined Gram Elements code)
PostHogSkillqa-frontend
PostHog/posthog/.agents/skills/qa-frontend/SKILL.md
Internal PostHog developer frontend/browser QA skill. Use only when a PostHog developer explicitly asks to run frontend QA, browser-test a PR, verify a UI flow against the local PostHog stack, use qa-frontend, or QA current frontend changes with browser/runtime evidence. Do not use for generic code review, PR review, "check my changes", CI debugging, or security audit; use qa-team, debugging-ci-failures, or security-audit instead. Runs in PR mode or local mode, plans adaptive browser and visual checks, drives browser MCP/tooling such as Playwright MCP or Chrome DevTools MCP, captures evidence, and applies only approved/narrow fixes.
kriscardSkillfrontend
kriscard/Skills/skills/dev/frontend/SKILL.md
Frontend engineering audit for TypeScript, UI accessibility, Next.js boundaries, Tailwind/component patterns, and browser security. Use when reviewing .ts/.tsx/.jsx frontend code, designing UI components, checking type/runtime boundaries, handling XSS/CSP/token storage, or deciding frontend file structure. For React runtime/rendering pitfalls, use the react skill.
ariaxhanSkillfrontend
ariaxhan/kernel-claude/skills/frontend/SKILL.md
Context-led frontend design: art direction derived from product, audience, brand and the existing system, not generic defaults. Named mood variants listed inside. Triggers: frontend, UI, CSS, styling, visual, theme, component, layout, responsive, accessibility, animation.
brianonbased-devSkillfrontend
brianonbased-dev/HoloScript/.claude/skills/frontend/SKILL.md
Build interfaces by describing what you want, not how to code it. Say "I need a dashboard with three stat cards" — get a working UI for screens, VR headsets, and holograms from one description. See something wrong? Click it, leave a note, it gets fixed. No coding required. No framework knowledge needed.
darker2016Skillfrontend
darker2016/WorkbuddySkillGroups4DSH/skills/mvp-dev-skills-dsh/frontend/SKILL.md
MVP 开发专家团前端工程师（贾思敏）。负责 Token 化 UI 实现、Lucide 图标、微交互、11 项视觉自查。以 "pro max" 级别精益求精的态度交付前端代码。 触发词：由 mvp-dev-team-lead 主理人调度执行 Phase 3 开发任务时激活。不直接面向用户。
MazalucasSkillfrontend
Mazalucas/El-DT-Lightweight-Army/.agents/skills/frontend/SKILL.md
UI implementation, components, accessibility. Use when frontend, ui, ux, interface, client, componentes. Always apply engineering-reuse first.
Univers42Skillfrontend
Univers42/claude-deal-with-the-devil/skills/frontend/SKILL.md
Build UI that holds up — component and state boundaries, design tokens, responsive and theme behaviour, and the accessibility gate. Auto-triggers on: "build a component", "add a page", "style this", "make it responsive", "dark mode", "the layout breaks", "frontend", "this UI"
wewpellex21Skillfrontend
wewpellex21/code-sensei/skills/frontend/SKILL.md
React, components, state management, and modern frontend concepts. Activated when Claude works with .jsx/.tsx files or React-related code. Most vibecoded apps use React.
adamholterSkillfrontend
adamholter/frontend-skill/SKILL.md
Always read anytime you're making any UI the user will see, whether that's a one-off HTML file or a tool they're building. Any visual artifact at all.
Antonio-TresolSkillfrontend
Antonio-Tresol/daemon/.claude/skills/frontend/SKILL.md
Build and modify daemon's frontend — enforcing the three-color design system (void/bone/ember), symbol-based status, typographic hierarchy, generative algorithmic art, and FSD architecture boundaries
constkSkillfrontend
constk/harness-python-react/.claude/skills/frontend/SKILL.md
Activate when working on the React UI in `frontend/`, components, CSS/styling, the SSE client, or anything in `frontend/src/`. Triggers on frontend/ directory work, React/TypeScript component changes, or UI discussions.
AlmxndBLSkillfrontend
AlmxndBL/Apex-core/skills/frontend/SKILL.md
Enterprise UI/UX, Component Architecture, Tailwind CSS, Responsive Design, and Aesthetic Polish for Vue 3 / Nuxt 4 and React / Next.js
bedomaxSkillfrontend
bedomax/webdesigner-agent/.claude/skills/frontend/SKILL.md
Expert frontend engineering for scalable web applications. Use when writing HTML, CSS, JavaScript, TypeScript, React, Next.js, or any UI code — components, state management, rendering strategy, performance optimization, and accessibility.
huangqianqian120SkillFrontend
huangqianqian120/skillslibrary/skills/frontend/SKILL.md
Build polished user interfaces across web and mobile with consistent UX patterns.
MaGe1993Skillfrontend
MaGe1993/Claude-Code-Base-Harness/.claude/skills/frontend/SKILL.md
Generate standalone HTML using any stored UI system; falls back to base-ui (glassmorphism, no deps) when none is registered. Component API, alert patterns, document shell, accessibility.
mgoerickeSkillfrontend
mgoericke/claude-skills-devcontainer/.claude/skills/frontend/SKILL.md
Creates modern web UIs with Tailwind CSS. Three modes – Simple HTML pages (no JS), Dashboards/Admin Panels with TailAdmin (Alpine.js + ApexCharts), and Websites/Landing Pages with Tailwind CSS CDN. Use this skill for "create a dashboard", "landing page", "admin UI", "frontend", "website", "build a UI", "portfolio page", "create an HTML page", "simple website", "static page", "build me a form" or when a responsive HTML page with Tailwind CSS is needed. Do not use for complex SPAs with React/Vue/Angular.
stoffl6781Skillfrontend
stoffl6781/claude-skill/skills/frontend/SKILL.md
Frontend-Implementierung mit Qualitäts-Checklist. Nutze bei: 'UI bauen', 'View erstellen', 'Frontend', 'Blade', 'Component', 'responsive', 'Dark Mode prüfen', 'Design umsetzen'.
wendelcastroSkillfrontend
wendelcastro/fluxo-engenharia-ia/skills/frontend/SKILL.md
Constrói interfaces com qualidade de produção. Use quando o usuário for construir ou modificar interfaces voltadas ao usuário final, criar componentes, implementar layouts, gerenciar estado, ou quando o resultado precisar parecer feito por um engenheiro com senso de design — e não gerado por IA.
About skills
What is a Claude skill?
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.
How do I use one I find here?
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
What do the warnings mean?
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.
Which skills worked for people?
Open a skill to see its discussion. Reports from people and their agents are coming.