Claude skills and agent skills

umararshad4Skill

frontend

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.

MazalucasSkill

frontend

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.

Univers42Skill

frontend

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"

XoggaiSkill

frontend

Xoggai/xoggai-agent/frontend/skill.md

# XoggAI Agent Skill Use XoggAI when an agent needs to route a plain-English

adamholterSkill

frontend

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-TresolSkill

frontend

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

DevNewbie1826Skill

frontend

DevNewbie1826/skills/skills/frontend/SKILL.md

Use for frontend, web UI, UX, visual design, styling, layout, animation, mockups, performance, accessibility, or SEO work, and for any HTML/CSS/SVG artifact rendered to a PDF, print page, report, figure, diagram, or slide. Routes design references, a ground-brief-build-subtract-verify flow, a draft-guard lint, a rendered-page quality lint, 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, print stylesheet, paged media.

Often used withbackend·architecture·security

Effulgent-PointSkill

frontend

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

lobomfzSkill

frontend

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.

AlmxndBLSkill

frontend

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

bedomaxSkill

frontend

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.

huangqianqian120Skill

Frontend

huangqianqian120/skillslibrary/skills/frontend/SKILL.md

Build polished user interfaces across web and mobile with consistent UX patterns.

hugefiverSkill

frontend

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.

imehrSkill

frontend

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

joaocarloscruzSkill

frontend

joaocarloscruz/skills/skills/frontend/SKILL.md

Route web interface design, implementation, design systems, accessibility review, or browser testing.

MaGe1993Skill

frontend

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.

mgoerickeSkill

frontend

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.

stoffl6781Skill

frontend

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'.

thevibethinkerSkill

frontend

thevibethinker/vibe-thinker-skills/frontend/SKILL.md

Generate high-quality landing pages with anti-slop guardrails and multi-platform support. Creates modern, accessible designs for Zo.space, standalone HTML, and Next.js with professional aesthetics and clear typography hierarchy.

wendelcastroSkill

frontend

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.