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

CloudflareSkill

frontend-conventions

cloudflare/cloudflare-os/.agents/skills/frontend-conventions/SKILL.md

Use for creating, modifying, moving, or reviewing React frontend code anywhere in packages/*, including Workshop pages, gatekeeper management apps, shared UI, components, hooks, forms, interactions, styling, accessibility, and frontend tests.

SentrySkill

frontend-data-fetching

getsentry/sentry/.agents/skills/frontend-data-fetching/SKILL.md

Fetch data in Sentry's frontend with TanStack Query and apiOptions. Use when adding or editing React code in static/ that calls the API — useQuery/useMutation/useInfiniteQuery, apiOptions, queryOptions/mutationOptions, fetchMutation, reading response headers/pagination, or conditional fetching. Trigger on "fetch data", "add an API call", "useQuery", "useMutation", "apiOptions", "queryFn", "pagination headers", "X-Hits", or "why is my query type wrong".

SentrySkill

migrate-frontend-forms

getsentry/sentry/.agents/skills/migrate-frontend-forms/SKILL.md

Guide for migrating forms from the legacy JsonForm/FormModel system to the new TanStack-based form system.

gradio-appReads credentialsSkill

frontend-unit-testing

gradio-app/gradio/.agents/skills/frontend-unit-testing/SKILL.md

Write comprehensive, behaviour-driven unit tests for Gradio frontend Svelte components using Vitest browser mode, Playwright, and the @self/tootils test utilities.

simstudioaiReads credentialsSkill

design-taste-frontend

simstudioai/sim/.agents/skills/design-taste-frontend/SKILL.md

Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

Often used withstitch-design-taste·embedded-captions·animate-expo

SentrySkill

generate-frontend-forms

getsentry/sentry/.agents/skills/generate-frontend-forms/SKILL.md

Guide for creating forms using Sentry's new form system. Use when implementing forms, form fields, display-only form content, validation, or auto-save functionality.

siteboonSkill

frontend-module-standards

siteboon/claudecodeui/.agents/skills/frontend-module-standards/SKILL.md

Enforce this repository's React and TypeScript frontend module architecture standards. Use whenever creating, modifying, refactoring, or reviewing frontend code under `src/`, including feature modules, components, hooks, contexts, shared UI, API access, state, utilities, and frontend tests. Do not apply these rules to backend code under `server/` or non-frontend scaffolding.

No other project uses it yet

langflow-aiSkill

frontend-query-mutation

langflow-ai/langflow/.agents/skills/frontend-query-mutation/SKILL.md

Guide for implementing Langflow frontend query and mutation patterns with Axios and TanStack React Query v5. Trigger when creating or updating API hooks in controllers/API/queries, consuming UseRequestProcessor in components, deciding whether to use useQuery or useMutation, handling conditional queries, cache invalidation, mutation error handling, or migrating legacy API calls to the query hook pattern.

addyosmaniSkill

frontend-ui-engineering

addyosmani/agent-skills/skills/frontend-ui-engineering/SKILL.md

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

Often used withobservability-and-instrumentation·constraint-driven-development·doubt-driven-development

langfuseSkill

frontend-browser-review

langfuse/langfuse/.agents/skills/frontend-browser-review/SKILL.md

Shared workflow for browser-based review of user-visible frontend changes in Langfuse. Use when a change affects UI behavior, layout, styling, navigation, or browser-visible regressions and should be checked with available browser automation before signoff.

No other project uses it yet

mozilla-firefoxSkill

firefox-desktop-frontend

mozilla-firefox/firefox/.agents/skills/firefox-desktop-frontend/SKILL.md

You MUST use this skill when working with HTML, JS, CSS and other front-end code.

grafanaSkill

frontend-testing-strategy

grafana/grafana/.claude/skills/frontend-testing-strategy/SKILL.md

Write and run unit and E2E tests for Grafana frontend code (React/TypeScript, any package or feature area) to the conventions this repo expects. Use when running Playwright E2E tests; when adding, backfilling, or reviewing frontend tests; when a test only asserts "it rendered" or "it's defined"; when reviewing AI-generated tests for slop; or when a frontend test is flaky. For visualization panels and grafana-ui viz components specifically, also load the `panel-testing-strategy` skill.

fossasiaSkill

frontend-pane-lifecycle

fossasia/visdom/.agents/skills/frontend-pane-lifecycle/SKILL.md

Build and debug pane lifecycle behavior in the React frontend. Use when adding pane actions, layout behavior, rendering updates, or pane-level interactions.

diet103Skill

frontend-dev-guidelines

diet103/claude-code-infrastructure-showcase/.agents/skills/frontend-dev-guidelines/SKILL.md

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

Often used withaesthetic·Problem-Solving Techniques·web-frameworks

streamlitSkill

improving-frontend-coverage

streamlit/streamlit/.claude/skills/improving-frontend-coverage/SKILL.md

Runs frontend unit tests with coverage, analyzes coverage reports, and implements meaningful tests to increase coverage by ~0.2%. Use when you want to systematically improve frontend test coverage with high-value test cases.

No other project uses it yet

lobehubSkill

debug-frontend-with-browser

lobehub/lobe-chat/.agents/skills/debug-frontend-with-browser/SKILL.md

Use for intermittent UI, stale state, ordering, navigation or browser-only bugs. Extends acceptance with boundary tracing and regression diagnosis.

backstageSkill

frontend-plugin-development

backstage/backstage/.agents/skills/frontend-plugin-development/SKILL.md

Reference for building, wiring, running, and testing Backstage frontend plugins on the new frontend system. Use this skill when writing or changing a plugin built with `createFrontendPlugin`, adding entity page content, setting up a plugin's dev app or tests, wiring a plugin into an app, or debugging why a plugin, page, tab, API, or feature flag does not show up or fails at startup.

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

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.