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

PostHogSkill

placing-product-frontend-code

PostHog/posthog/.agents/skills/placing-product-frontend-code/SKILL.md

Decide which tree a frontend file belongs in — `products/<name>/frontend/` or `frontend/src/scenes/<name>/` — and explain why the boundary is real rather than stylistic. Use when adding a new scene, component, or logic file for a product; when creating a new directory under `frontend/src/scenes/`; when a product has UI in both trees and you need to know which side to extend; or when moving a scene into its product. Covers the merge-queue lane cost of the split, the measurement showing a dependency graph cannot substitute for the path signal, and a report script that shows how far each product's move has gone.

chthollyphileSkill

frontend-runtime-guardrails

chthollyphile/folia-major/skills/frontend-runtime-guardrails/SKILL.md

Use when adding, refactoring, or reviewing frontend runtime behavior in this repository, especially visualizers, lyrics animation, Framer Motion usage, useMotionValueEvent, requestAnimationFrame, ResizeObserver, high CPU reports, jank, per-character or per-frame animation, React state update frequency, and performance-sensitive UI paths.

No other project uses it yet

home-assistantSkill

ha-frontend-user-facing-text

home-assistant/frontend/.agents/skills/ha-frontend-user-facing-text/SKILL.md

Home Assistant frontend copy, localization, terminology, and user-facing text guidance. Use when adding or reviewing labels, buttons, dialogs, errors, translations, or UI strings.

JetBrainsSkill

fix-frontend-review-comments

JetBrains/kotlin-web-site/.claude/skills/fix-frontend-review-comments/SKILL.md

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React,

wagtailSkill

frontend-tooling-maintenance

wagtail/bakerydemo/.agents/skills/frontend-tooling-maintenance/SKILL.md

Maintain or upgrade bakerydemo frontend linting, formatting, and theme-related tooling with minimal churn

No other project uses it yet

CloudflareSkill

frontend-design-landing-page

cloudflare/vibesdk/worker/agents/think/skills/frontend-design-landing-page/SKILL.md

Marketing landing page and conversion-focused product page reference. Use this skill when building hero sections, feature grids, pricing pages, testimonials, CTAs, footers, navigation bars, or any public-facing marketing surface. Covers a warm, professional, developer-friendly design language (cream backgrounds, generous whitespace, pill CTAs, corner-bracket card decorations) and a complete token set, animation system, and copy-paste component snippets. NOT for product/dashboard UIs — use frontend-design-saas for those.

mozilla-firefoxSkill

accessibility-frontend-review

mozilla-firefox/firefox/.agents/skills/accessibility-frontend-review/SKILL.md

Performs an accessibility code review of a local diff or Phabricator revision in the style of the Firefox accessibility team. Use this skill whenever the user asks to review a Phabricator patch or revision for accessibility issues, mentions a D-number (like D284142) in the context of accessibility review, asks "does this patch have any a11y issues", or wants to check a diff against accessibility guidelines. Also use it when the user says things like "can you review this for a11y", "check this patch", or "give me an accessibility review of D[number]". Invoke proactively when the user pastes a phabricator.services.mozilla.com URL or shares a revision ID alongside any accessibility concern. Invoke when questions about the following topics are raised: aria properties, aria roles, high contrast mode, forced colors, prefers contrast, focus order, screen readers, assistive technology.

modelscopeSkill

frontend-react-best-practices

modelscope/ms-agent/.agents/skills/frontend-react-best-practices/SKILL.md

React performance optimization guidelines. Use when writing, reviewing, or refactoring React components to ensure optimal rendering and bundle patterns. Triggers on tasks involving React components, hooks, memoization, or bundle optimization.

JeffallanSkill

fullstack-guardian

Jeffallan/claude-skills/skills/fullstack-guardian/SKILL.md

Builds security-focused full-stack web applications by implementing integrated frontend and backend components with layered security at every level. Covers the complete stack from database to UI, enforcing auth, input validation, output encoding, and parameterized queries across all layers. Use when implementing features across frontend and backend, building REST APIs with corresponding UI, connecting frontend components to backend endpoints, creating end-to-end data flows from database to UI, or implementing CRUD operations with UI forms. Distinct from frontend-only, backend-only, or API-only skills in that it simultaneously addresses all three perspectives—Frontend, Backend, and Security—within a single implementation workflow. Invoke for full-stack feature work, web app development, authenticated API routes with views, microservices, real-time features, monorepo architecture, or technology selection decisions.

openops-cloudSkill

frontend-build-timing-audit

openops-cloud/openops/.claude/skills/frontend-build-timing-audit/SKILL.md

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope `t()` anti-patterns). Use when editing react-ui, ui-components, shared, vite.config.ts, package.json `sideEffects`, or i18n setup; or when a user reports blank labels in build/docker/staging/prod.

langfuseSkill

frontend-large-feature-architecture

langfuse/langfuse/.agents/skills/frontend-large-feature-architecture/SKILL.md

Architect large or state-heavy Langfuse frontend features. Use for virtualized lists, large tables, controllers, Zustand stores, row selection, high-frequency state, rendering performance, or before adding useEffect, useMemo, useCallback, or form defaults derived from loaded data.

EasyCorpSkill

symfony-ux

EasyCorp/EasyAdminBundle/.claude/skills/symfony-ux/SKILL.md

Symfony UX frontend stack combining Stimulus, Turbo, TwigComponent and LiveComponent. Use when building modern Symfony frontends, choosing between UX tools, creating interactive components, handling real-time updates, or integrating multiple UX packages. Triggers - symfony ux, hotwire symfony, stimulus turbo, live component, twig component, frontend symfony, interactive ui, real-time symfony, which ux package, which tool should I use, how to make this interactive, SPA feel, reactive component, server-rendered component. Also trigger when the user asks a general question about frontend architecture in Symfony or wants to combine multiple UX packages together.

catlog22Skill

team-frontend

catlog22/Claude-Code-Workflow/.claude/skills/team-frontend/SKILL.md

Unified team skill for frontend development. Pure router — all roles read this file. Beat model is coordinator-only in monitor.md. Built-in ui-ux-pro-max design intelligence. Triggers on "team frontend".

paperclipaiSkill

design-guide

paperclipai/paperclip/.claude/skills/design-guide/SKILL.md

Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority systems, composition patterns, and the /design-guide showcase page. Always use this skill alongside the frontend-design skill (for visual quality) and the web-design-guidelines skill (for web best practices).

QuantumNousSkill

i18n-translate

QuantumNous/new-api/.agents/skills/i18n-translate/SKILL.md

Complete and maintain frontend i18n translations for this project. Covers finding missing translation keys, detecting untranslated entries, and adding translations for all supported locales (en, zh, zh-TW, fr, ja, ru, vi). Use for any task involving frontend locale files, missing translation keys, untranslated UI text, `t(...)` keys, `useTranslation()`, static i18n keys, button/label/ toast/dialog/placeholder/validation copy, or adding/fixing even a single i18n key. Use when review findings mention missing i18n, when new UI text needs translation, or when the user asks to add translations, fix i18n, or complete missing translations. Always load and follow this skill before translating, adding locale keys, or editing frontend i18n files.

modu-aiSkill

moai-ref-react-patterns

modu-ai/moai-adk/.claude/skills/moai-ref-react-patterns/SKILL.md

React/Next.js component design patterns, state management strategies, and project structure reference for frontend development. Agent-extending skill that amplifies frontend domain work (spawned via Agent(general-purpose) with frontend instructions) with production-grade React patterns. NOT for: backend API design, database modeling, DevOps, mobile apps.

PySpur-DevCursor rule

pyspur / rules

PySpur-Dev/pyspur/.cursor/rules/frontend-api-calls.mdc

API calls in frontend

No other project uses it yet

MiniMax-AIReads credentialsSkill

fullstack-dev

MiniMax-AI/skills/skills/fullstack-dev/SKILL.md

Full-stack backend architecture and frontend-backend integration guide. TRIGGER when: building a full-stack app, creating REST API with frontend, scaffolding backend service, building todo app, building CRUD app, building real-time app, building chat app, Express + React, Next.js API, Node.js backend, Python backend, Go backend, designing service layers, implementing error handling, managing config/auth, setting up API clients, implementing auth flows, handling file uploads, adding real-time features (SSE/WebSocket), hardening for production. DO NOT TRIGGER when: pure frontend UI work, pure CSS/styling, database schema only.

kortix-aiSkill

kortix-rollback

kortix-ai/suna/.agents/skills/kortix-rollback/SKILL.md

How to roll Kortix PRODUCTION back to an older already-released version — the inverse of a release. Covers the one-dispatch rollback-prod.yml engine (--ref prod, shares the deploy-prod concurrency group), the per-surface mechanics (api with KORTIX_PROCESS_ROLE=all and the worker scaled to 0, gateway and ECS frontend = immutable :X.Y.Z image; Vercel frontend = promote), what undoes a rollback (any deploy-prod run, any push to prod), the DB/migration-drift check that is the real blocker, and how a later promote returns prod to latest. Load WHENEVER the user wants to roll back / revert / downgrade / 'go back a version' on prod, asks how the rollback or the frontend rebuild-skip behavior works, or needs to run rollback-prod.yml. Pairs with kortix-release (the forward direction).

zai-orgSkill

glmv-web-replication

zai-org/GLM-V/skills/glmv-web-replication/SKILL.md

Frontend visual replication skill. Explores a target website’s publicly visible pages via Playwright MCP or agent-browser, captures screenshots and layout information, then generates a static or client-side frontend replica that approximates the original’s visual appearance and page structure. This skill replicates FRONTEND PRESENTATION ONLY — it does not reproduce backend logic, server-side behavior, databases, or any non-public content. The user is responsible for ensuring they have proper authorization (ownership, license, or explicit permission) before replicating any website.