Find the best CLAUDE.md, AGENTS.md and Claude skills

iliaalSkill

react-frontend

iliaal/ai-skills/skills/react-frontend/SKILL.md

React architecture patterns, TypeScript, Next.js, hooks, and testing. Use when working with React component structure, state management, Next.js routing, Vitest, React Testing Library, reviewing React code, or synchronizing JSON locales and reviewing translations in a React or frontend interface. For visual design and aesthetic direction, use frontend-design instead.

typvSkill

frontend-design

typv/nest-turbo-starter/.claude/skills/frontend-design/SKILL.md

Create polished frontend interfaces from designs/screenshots/videos. Use for web components, 3D experiences, replicating UI designs, quick prototypes, immersive interfaces, avoiding AI slop.

Often used withfile-reading·brief-to-tasks·academy-guide

fabriqaaiSkill

frontend-design

fabriqaai/specs.md/.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. Generates creative, polished code that avoids generic AI aesthetics.

Often used withfile-reading·brief-to-tasks·academy-guide

gongyijie85Skill

frontend-a11y

gongyijie85/dsh-ecc/skills/frontend-a11y/SKILL.md

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

AnastasiyaWSkill

frontend-design

AnastasiyaW/codex-claude-code-config/skills/frontend/frontend-design/SKILL.md

Создание высококачественных, визуально выдающихся фронтенд-интерфейсов. Используй ВСЕГДА когда пользователь просит создать веб-страницу, компонент, лендинг, дашборд, UI-кит, форму, карточки, навигацию, анимации, или любой другой веб-интерфейс. Скилл покрывает: HTML/CSS/JS компоненты, React/Vue/Svelte, Tailwind CSS, адаптивный и мобильный дизайн, визуальные стили (glassmorphism, neomorphism, material, flat, градиенты, тёмная тема), интерактивность (drag-and-drop, анимации, hover-эффекты, transitions), верстку (Flexbox, Grid, Container Queries), производительность, доступность (WCAG/ARIA), дизайн-системы и токены. Если пользователь хочет что-то "красивое", "современное", "стильное" в вебе — обязательно используй этот скилл. НЕ используй для нативных мобильных приложений (iOS/Swift/SwiftUI, Android) — для iOS бери скилл ios-development; этот скилл только про веб-UI (браузер).

Often used withfile-reading·brief-to-tasks·academy-guide

linxuan-sysSkill

frontend-design

linxuan-sys/opencode-skills-chinese/frontend-design/SKILL.md

创建独具特色、生产级别的高质量前端界面。当用户要求构建Web组件、页面或应用，且视觉效果与代码质量同等重要时使用。

Often used withfile-reading·brief-to-tasks·academy-guide

rumoiiSkill

rumo-frontend

rumoii/rumo-engineering-skills/skills/rumo-frontend/SKILL.md

Use when building, refactoring, or designing frontend pages and components, including a new interface with no existing pattern to follow or a request to improve visual quality or accessibility; starting or troubleshooting a local frontend development server (package scripts, backend proxy, ports, certificates, micro-frontends); or capturing browser evidence such as screenshots or a short GIF when explicitly asked. Do not capture persistent visual evidence merely because frontend code changed, and do not use to diagnose broken behavior in an existing page without a fix request (use rumo-debug).

camundaSkill

tasklist-frontend

camunda/camunda/.agents/skills/tasklist-frontend/SKILL.md

Use when building, changing, or testing Tasklist features in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/src/tasklist/). Trigger for Tasklist pages, modules, components, hooks, stores, routes, or schema — even small changes like a column, filter, or panel — and questions about Tasklist pod structure and conventions.

cyanluna-gitSkill

review-frontend

cyanluna-git/cyanluna.skills/review-frontend/SKILL.md

Frontend 코드 리뷰. PR의 프론트엔드 코드를 컴포넌트 설계, 상태 관리, 렌더링 성능, 접근성 관점으로 분석. 사용법: /review-frontend <PR_URL>

RedWoodOGSkill

frontend-design

RedWoodOG/Hermes-Desktop/skills/claude-code/frontend-design/SKILL.md

Frontend development with modern frameworks, responsive design, and accessibility best practices.

Often used withfile-reading·brief-to-tasks·academy-guide

GoogleSkill

frontend-design

google/capsem/skills/frontend-design/SKILL.md

Capsem frontend design system. Use when building UI components, styling views, choosing colors, or working with Svelte 5 runes and the component library.

Often used withfile-reading·brief-to-tasks·academy-guide

OpenHandsSkill

frontend-design

OpenHands/extensions/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, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Often used withfile-reading·brief-to-tasks·academy-guide

Ohh-889Skill

frontend-testing

Ohh-889/skyroc-admin/.agents/skills/frontend-testing/SKILL.md

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.

Ohh-889Skill

frontend-testing

Ohh-889/skyroc-admin/.claude/skills/frontend-testing/SKILL.md

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.

devantler-techSkill

frontend-design

devantler-tech/ksail/.agents/skills/frontend-design/SKILL.md

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Often used withfile-reading·brief-to-tasks·academy-guide

bestdeejay-designSkill

frontend-a11y

bestdeejay-design/agent-skills/skills/frontend-a11y/SKILL.md

Deep accessibility (a11y) audit of a webpage or static HTML/CSS, mapped to the full Front-End-Checklist Accessibility category (95 rules) — far beyond the ~12 basic rules in frontend-perfection. Runs offline static checks (Python stdlib, no browser/network) for structure, ARIA validity, headings, landmarks, tables, forms, media tracks, lists, and CSS signals; documents an optional Playwright+axe-core runtime runner for computed contrast, focus order, live regions, modal traps, and reflow; and lists manual screen-reader checks. Use it to audit, fix, or verify accessibility: 'accessibility audit', 'a11y check', 'wcag', 'wcag audit', 'wcag compliance', 'axe', 'contrast check', 'aria', 'screen reader test', 'keyboard navigation', 'keyboard trap', 'focus trap', 'accessibility testing', 'make it accessible', 'check this page for a11y', 'проверь доступность', 'глубокая доступность'. Also triggered when the /frontend orchestrator or mobile-frontend needs the deep a11y domain.

EsraMulkpinarSkill

frontend-prime

EsraMulkpinar/prime-frontend-skills/skills/frontend-prime/SKILL.md

Build distinctive, production-grade frontend interfaces. Use when creating any web UI — sites, apps, dashboards, components. Focuses on design quality and avoiding generic AI aesthetics. Composable with other skills (docx, pdf, xlsx).

irahardiantoSkill

frontend-design

irahardianto/awesome-agv/.agents/skills/frontend-design/SKILL.md

Generates distinctive, production-grade frontend interfaces and artifacts (React, Vue, HTML/CSS). Prioritizes bold aesthetics, unique typography, and motion to avoid generic designs. Use when building websites, landing pages, dashboards, posters, or when the user requests to style, beautify, or create visually striking UI.

Often used withfile-reading·brief-to-tasks·academy-guide

QinghongLinSkill

frontend-design

QinghongLin/data2story-skill/skills/frontend-design/SKILL.md

Reusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories. A shared reference library that the Data2Story Designer and Programmer borrow from so every blog looks intentional and editorial rather than generic. Not a pipeline stage — a design source.

Often used withfile-reading·brief-to-tasks·academy-guide

rongxinzySkill

frontend-design

rongxinzy/RongxinAI/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, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Often used withfile-reading·brief-to-tasks·academy-guide