frontend
darker2016/WorkbuddySkillGroups4DSH/skills/mvp-dev-skills-dsh/frontend/SKILL.md
MVP 开发专家团前端工程师(贾思敏)。负责 Token 化 UI 实现、Lucide 图标、微交互、11 项视觉自查。以 "pro max" 级别精益求精的态度交付前端代码。 触发词:由 mvp-dev-team-lead 主理人调度执行 Phase 3 开发任务时激活。不直接面向用户。
Skills real projects publish on GitHub, most starred first. Each one says what it will make an agent do before you copy it.
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
darker2016/WorkbuddySkillGroups4DSH/skills/mvp-dev-skills-dsh/frontend/SKILL.md
MVP 开发专家团前端工程师(贾思敏)。负责 Token 化 UI 实现、Lucide 图标、微交互、11 项视觉自查。以 "pro max" 级别精益求精的态度交付前端代码。 触发词:由 mvp-dev-team-lead 主理人调度执行 Phase 3 开发任务时激活。不直接面向用户。
muon-m2/magento2-tools/skills/frontend/SKILL.md
Frontend scaffolding for Magento 2: themes, RequireJS modules, Knockout components, LESS/CSS, transactional email templates, static asset wiring. Use to add frontend behaviour or a theme. Detects Luma, Hyva, or a custom theme and generates matching scaffolds. For Swissup Breeze stores (magento2-tools:context theme.breeze) defer theme creation to magento2-tools:breeze-theme and widget/JS work to magento2-tools:breeze-adapt. For a CMS widget (etc/widget.xml) use magento2-tools:widget.
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.
umararshad4/honey-stack/skills/frontend/SKILL.md
Use for UI, styling, layout, components, responsive or interaction work, and React or Next.js component, hook, route or rendering changes.
Univers42/claude-deal-with-the-devil/skills/frontend/SKILL.md
Builds UI that holds up at every width, in both themes, with real data, and for someone on a keyboard. Use when a page or a component is being added or restyled, when a layout breaks on a narrow screen or in dark mode, or when a view has no empty, loading or error state. Auto-triggers on: "build a component", "add a page", "style this", "make it responsive", "dark mode", "the layout breaks"
Xoggai/xoggai-agent/frontend/skill.md
# XoggAI Agent Skill Use XoggAI when an agent needs to route a plain-English
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-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
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.
DevNewbie1826/skills/frontend/SKILL.md
Use for frontend, web UI, UX, visual design, styling, layout, animation, mockups, performance, accessibility, or SEO work. Routes design references, real-browser audits, UI/UX lookups, design operating guidance, and a visual/copy AI-slop taxonomy with a scanner for de-slop audits and pre-ship scans; includes optional framework-specific lanes such as React tooling. Also triggers on: kill AI slop, de-slop, remove the AI look, looks AI-generated, templated.
Often used withbackendarchitecturesecurity
Effulgent-Point/paw/skills/frontend/SKILL.md
Frontend Skill **When to use:** React, Vue, or Angular work — component design, accessibility, performance, state management. ## Component design - **Composition over inheritance** — build complex UI from small, focused components - **Single responsibility
lobomfz/skills/skills/frontend/frontend/SKILL.md
Frontend components and Tailwind. Use when creating, reviewing, refactoring, splitting, or organizing React components, shared components, component folders, or Tailwind classes.
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
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.
huangqianqian120/skillslibrary/skills/frontend/SKILL.md
Build polished user interfaces across web and mobile with consistent UX patterns.
hugefiver/dsmm/skills/frontend/SKILL.md
MUST USE for ANY frontend, web UI, UX, or visual work — building, styling, or redesigning pages/components, React project setup, performance audits, design QA. Routes three rulesets: design (anti-slop taste router over 12 taste skills + 70 brand DESIGN.md refs — Apple, Stripe, Linear, Notion, Vercel, Claude, Nike, Aside — plus composable interaction mechanics and the React dev tooling gate: react-grab, react-scan, react-doctor), perfection (Lighthouse 100 in every category via real Playwright Chromium audits, NEVER the lighthouse CLI, never by weakening UX), ui-ux-db (searchable 50+ styles, 97 palettes, 57 font pairings, 99 UX guidelines). Triggers: frontend, UI, UX, design, redesign, styling, layout, animation, motion, interaction, interaction mechanics, state, reduced-motion, taste, premium, luxury, minimal, brutalist, Awwwards, anti-slop, polish, DESIGN.md, mockup, react setup, react-scan, react-doctor, lighthouse, performance, Core Web Vitals, LCP, CLS, INP, SEO, accessibility, a11y, WCAG, audit my site, make this faster, color palette, font pairing, looks generic, make it pretty, like X brand, clone site, clone from url.
imehr/skills/skills/development/frontend/SKILL.md
Use when building UI components, pages, or features - guides Claude through the approved frontend stack (Next.js 15, React 19, Shadcn, Tailwind) with design-first workflow for complex UIs, enforcing patterns and quality standards
joaocarloscruz/skills/skills/frontend/SKILL.md
Route web interface design, implementation, design systems, accessibility review, or browser testing.
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.
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.
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.