Claude skills and agent skills

Hedy-AlanSkill

dev-frontend

Hedy-Alan/claude-5-step-dev/dev-frontend/SKILL.md

开发流水线第 4 步：前端实现。按 API 契约开发页面、组件和状态管理， API 封装层对齐契约，所有页面覆盖加载/空/错误三态。 触发词：前端实现、写前端、实现页面、开发界面、做 UI。 输入 docs/dev/03-api-contract.md（后端已实现），产出可运行的前端， 下一步交给 /dev-integration。

JIANGEPLUSReads credentialsSkill

frontend-dev

JIANGEPLUS/senior-developer-codex/.agents/skills/frontend-dev/SKILL.md

Frontend development with premium UI design, animations, and AI-generated media assets. TRIGGER when: building landing pages, marketing sites, product pages with rich animations, generating media assets (image/video/audio/music via MiniMax API), implementing cinematic scroll animations, creating generative art. DO NOT TRIGGER when: simple UI components, basic form pages, minor CSS fixes, adding a button or modal, standard CRUD interfaces, simple responsive adjustments. 触发词：落地页、营销页、动效、滚动动画、AI 配图、生成艺术、前端页面。

JLugagneSkill

doc-frontend

JLugagne/agach/.claude/skills/doc-frontend/SKILL.md

Agach frontend: React/TypeScript pages, components, kanban UI, auth context, API client, WebSocket, hooks, modals

JoshBuildAppSkill

web-frontend

JoshBuildApp/launchkit/skills/web-frontend/SKILL.md

Use when writing or reviewing the frontend code of a website — HTML/CSS/JS structure, component architecture, responsive layout, and code quality standards. Triggers: "build the frontend", "code this page/component", "make it responsive", "clean up the frontend code", "what stack should I use", implementing a design in code.

muhamadhafisSkill

frontend-god

muhamadhafis/frontend-god/SKILL.md

Senior Frontend & Design Engineer skill for React 19, Next.js & Vite. Crafts non-AI-slop interfaces, B2B cockpit high-density dashboards, Tailwind CSS v4 (@theme) & shadcn/ui integrations, compound components, optical iconography, spring motion, container queries, section choreography, and 27-point delivery gate polish.

sueryueReads credentialsSkill

frontend-dev

sueryue/Claude-Skillls/frontend-dev/SKILL.md

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and visual art. Builds complete, visually striking web pages with real media, advanced motion, and compelling copy. Use when: building landing pages, marketing sites, product pages, dashboards, generating media assets (image/video/audio/music), writing conversion copy, creating generative art, or implementing cinematic scroll animations.

luxury-yachtSkill

improve-frontend

luxury-yacht/app/.agents/skills/improve-frontend/SKILL.md

Use when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification opportunities, then presents 5 ranked findings for the user to choose from

stark-contrastSkill

stark-frontend

stark-contrast/skills/skills/stark-frontend/SKILL.md

This skill should be used for web front-end accessibility work — whenever the user mentions "accessibility", "a11y", "WCAG", "ARIA", "screen reader", "keyboard navigation", "focus management", or "semantic HTML", asks to fix accessibility violations on a web / URL / code / Storybook asset in Stark, or wants to set up accessibility scanning for a website or front-end codebase. Use it to turn Stark violations into correct, minimal HTML/ARIA fixes and to tell real WCAG failures apart from best-practice cleanup. Prefer this skill for any web UI accessibility task even if the user doesn't say "Stark".

pedrojaques99Skill

visant-frontend

pedrojaques99/visant-skills-public/visant-frontend/SKILL.md

Frontend decision system where every interface choice names the business variable it moves; the required deliverable is the route classification table. Use on "redesign this screen", "critique this UI", "visual hierarchy", "redesenhar tela", "criticar interface", "hierarquia visual", "cortar excesso", "empty state".

GitHubSkill

premium-frontend-ui

github/awesome-copilot/skills/premium-frontend-ui/SKILL.md

A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship.

xu-xiangSkill

frontend-patterns

xu-xiang/everything-claude-code-zh/.agents/skills/frontend-patterns/SKILL.md

React、Next.js、状态管理（State Management）、性能优化（Performance Optimization）及 UI 最佳实践的前端开发模式。

Often used withbrand-discovery·agent-sort·configure-ecc

mturacSkill

frontend-slides

mturac/everything-openai-codex/.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.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

mturacSkill

frontend-slides

mturac/everything-openai-codex/.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.

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack

Significant-GravitasSkill

write-frontend-tests

Significant-Gravitas/AutoGPT/.claude/skills/write-frontend-tests/SKILL.md

Analyze the current branch diff against dev, plan integration tests for changed frontend pages/components, and write them. TRIGGER when user asks to write frontend tests, add test coverage, or 'write tests for my changes'.

duongthinh03Skill

frontend-design

duongthinh03/portfolio/.agents/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, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

duongthinh03Skill

frontend-design

duongthinh03/portfolio/.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, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

DevdannnnySkill

frontend-next

Devdannnny/chisel/skills/frontend/next/SKILL.md

Activate when building Next.js (App Router or Pages Router) web frontends — landing pages, marketing pages, product UI, dashboards, portfolios. Trigger phrases include "build a Next.js page", "design a Next.js landing page", "create the UI in Next", "build the marketing site", "App Router", "server components", or when the user pastes a screenshot for a Next.js project. Always check for `screenshots/` in the repo root. Always reference `questionnaire.md` in this skill folder — walk the user through it if unanswered. Use `frontend-react` for non-Next React (Vite, CRA, Remix). Do NOT trigger for Flutter (use `frontend-flutter`), React Native (use `frontend-react-native`), backend, or existing design systems that must be preserved.

hahuyhungdevSkill

frontend-scan

hahuyhungdev/ai-coding-config/skills/frontend-scan/SKILL.md

Use this skill only when the user explicitly asks for a frontend scan, visual scan, screenshot audit, Playwright scan, or comprehensive UI audit. It starts the local server, captures desktop/mobile screenshots, checks responsiveness and AI slop, and writes a report.

thrillmadeSkill

frontend-a11y

thrillmade/agent-skills/skills/frontend-a11y/SKILL.md

Use when judging accessibility on a RENDERED surface — screenshots or a live page, in light, dark, forced-colors and reduced-motion, at real zoom — as the a11y lens of a design review. Owns what only the render shows: contrast measured on the composited pixel rather than the token, focus rings that survive forced-colors and are not covered by sticky chrome (SC 2.4.11), hit areas measured as laid out including the 2.5.8 spacing exception, meaning carried by colour / gradient / shadow, and motion that actually plays. Thresholds are NOT restated here — contrast belongs to apca-contrast and wcag-contrast, target size to component-sizing-principles. Cite when a review calls contrast "low" with no measured pair, checks light mode only, reports an AAA criterion as an AA failure, or infers accessibility from source alone.

bbvch-aiSkill

audit-frontend

bbvch-ai/aihub-core/.claude/skills/audit-frontend/SKILL.md

Run a comprehensive frontend code audit of the Nuxt 3 admin interface. Checks Pinia-Colada query/mutation patterns, TypeScript strictness, component architecture, SDK freshness, i18n coverage, and Tailwind usage. Use when user says 'audit the frontend', 'check frontend code quality', 'find unused components', 'composable health check', 'pinia-colada audit', 'typescript errors', or 'frontend code review'. Do NOT use for backend API audits (use scaffold-api-endpoint) or bot UI issues (use bot-framework). Reports issues with file locations and severity levels.