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

markmeadSkill

frontend-design

markmead/hyperui/.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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

affaan-mSkill

frontend-patterns

affaan-m/ECC/.agents/skills/frontend-patterns/SKILL.md

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.

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

rommappSkill

frontend-theming

rommapp/romm/.claude/skills/frontend-theming/SKILL.md

Theming, design tokens, colors, and visual language in the RomM v2 frontend. Use when styling v2 components, picking colors, adding/using CSS variables, working with light/dark themes, or whenever you'd reach for a hex/rgba literal. Covers the token pipeline (src/tokens/index.ts → build:tokens → tokens.css), the .r-app scope classes, the zero-hex-literal policy, and shared state semantics. Trigger on any color/theme/token work under frontend/src/.

Arize-aiSkill

phoenix-frontend

Arize-ai/phoenix/.agents/skills/phoenix-frontend/SKILL.md

Frontend development guidelines for the Phoenix AI observability platform. Use when writing, reviewing, or modifying React components, TypeScript code, styles, or UI features in the js/app/ directory. Triggers on any frontend task — new components, UI changes, styling, accessibility fixes, form handling, or component refactoring. Also use when the user asks about frontend conventions or component patterns for this project. For design system rules (error display, layout, dialogs, tokens), use the phoenix-design skill.

No other project uses it yet

QuivrHQSkill

design-frontend-dev

QuivrHQ/quivr/.agents/skills/design-frontend-dev/SKILL.md

Clean Impeccable frontend design skill. Use when the user wants to

MODSetterSkill

frontend-workflow

MODSetter/SurfSense/.agents/skills/frontend-workflow/SKILL.md

Frontend and UI work in www and surfsense_local/frontend — building, refactoring, styling, animating, or reviewing React and Next.js components, shadcn/ui, color tokens and themes, visual polish, and motion. Load this first for any UI task, including adding or changing a shadcn/ui component (dialog, button, dropdown, form, sidebar, table) in a tree with components.json — it owns the color palette, polish rules, and the precedence order, then routes to the separate shadcn skill for component wiring and the CLI. Use for any frontend component, page, style, animation, hover state, icon, layout, or UI review task.

rommappSkill

frontend-patterns

rommapp/romm/.claude/skills/frontend-patterns/SKILL.md

Cross-cutting feature patterns for the RomM v2 frontend: error/snackbar handling, loading & skeleton states, real-time Socket.IO updates, UI state persistence (URL vs localStorage vs ephemeral), pagination/infinite scroll, forms & validation, permissions (useCan), and destructive confirmations. Use when wiring up a v2 feature's behavior (not just its markup). Trigger when implementing data flows, dialogs, forms, toggles, or permission gating under frontend/src/.

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

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.

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

langgeniusSkill

frontend-code-review

langgenius/dify/.agents/skills/frontend-code-review/SKILL.md

Review frontend code under `web/` or `packages/dify-ui/` when the user explicitly requests a review or audit. Supports PRs, branches, pending changes, files, and pasted diffs. Do not use for implementation-only requests, diagnosis without review intent, or backend-only code.

Often used withbackend-code-review·frontend-testing·pr-creator

langflow-aiSkill

frontend-code-review

langflow-ai/langflow/.agents/skills/frontend-code-review/SKILL.md

Review frontend code (.tsx, .ts, .js files) for quality, performance, and correctness against Langflow's frontend conventions. Supports pending-change reviews and file-targeted reviews.

Often used withbackend-code-review·frontend-testing·pr-creator

All-Hands-AISkill

frontend-development

All-Hands-AI/OpenHands/.agents/skills/frontend-development/SKILL.md

This skill should be used when the user asks to "add UI copy", "add a translation", "optimize the frontend bundle", "change onboarding", "change conversation UI", "add a query key", "change MSW mocks", or modifies React components, hooks, routes, i18n, lazy loading, persisted UI state, or shared frontend behavior.

rommappSkill

frontend-components

rommapp/romm/.claude/skills/frontend-components/SKILL.md

Building or modifying components in the RomM v2 frontend (frontend/src/). Use when creating/editing v2 primitives (R* components in src/lib/), shared composites, or feature composites. Covers the three-tier model, file/folder conventions, SFC structure, import order, barrels, Storybook requirements, and v2 anti-patterns. Trigger on any work under frontend/src/.

misskey-devSkill

working-on-frontend

misskey-dev/misskey/.agents/skills/working-on-frontend/SKILL.md

Use whenever editing or adding code under `packages/frontend/`, Vue SFCs, SCSS Modules, Storybook stories, or frontend-facing UI text in `locales/ja-JP.yml`.

No other project uses it yet

misskey-devSkill

working-on-frontend

misskey-dev/misskey/.claude/skills/working-on-frontend/SKILL.md

Use whenever editing or adding code under `packages/frontend/`, or editing `locales/ja-JP.yml` for frontend-facing UI text — including Vue 3 SFCs (`Mk*` components), i18n keys (`i18n.ts.<key>` / `i18n.tsx.<key>()`), SCSS Modules, theme/CSS variables, `os.*` UI helpers, and Storybook stories. Covers `<script setup lang="ts">` conventions, type-only defineProps, `ja-JP.yml`-only locale editing (other locale yml files are Crowdin-managed and must not be edited), and accessibility. Must be consulted before any frontend or UI-locale change to avoid CI failures, lost translations, and reviewer pushback. This is NOT waived by having already invoked brainstorming, writing-plans, or any other upstream skill — invoke this at implementation time regardless of what preceded it.

No other project uses it yet

LeonxlnxSkill

design-taste-frontend

Leonxlnx/taste-skill/skills/taste-skill/SKILL.md

tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com and x.ai: plain copy in a voice of its own, one system, one section per screen, equal edges, real photographs and real product UI (licensed stand-in photographs when the client has none; a product render only when the brief asks for 3D), a hero entrance and one or two dealt moments on every page, shader effects and scenes only on tech, gaming and software pages, quiet micro-interactions, and a checker and finish gate that enforce it in a real browser. Use this whenever you build, design, redesign, restyle, polish or review a landing page, company, product, shop, cafe, hotel, studio, SaaS, AI, developer-tool or game site, as static HTML/CSS or inside an existing React, Next.js, Vue, Svelte, Astro or Tailwind project, or when the user says a page looks generic, templated or "AI-made".

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

All-Hands-AISkill

frontend-api-contracts

All-Hands-AI/OpenHands/.agents/skills/frontend-api-contracts/SKILL.md

This skill should be used when the user asks to "add an API call", "change a backend", "update settings persistence", "change conversation events", "fix backend auth", "add Agent Server support", or changes src/api, backend registry, Cloud/runtime transport, settings, secrets, compatibility, or conversation resume behavior.

coderSkill

frontend-deep-review

coder/coder/.claude/skills/frontend-deep-review/SKILL.md

Parallel multi-reviewer audit of a frontend diff under site/ against numbered checkpoints distilled from human review comments on this repository's frontend PRs. Use before opening or updating a PR that touches site/, or when asked to review someone else's frontend PR.

backstageSkill

new-frontend-system-migration

backstage/backstage/.agents/skills/new-frontend-system-migration/SKILL.md

Migrate a Backstage app, its frontend plugins, or both from the old frontend system to the new one. Use this skill when moving an app to the new `createApp`, adding new frontend system support to a plugin while keeping the old system working, or moving a plugin to the new frontend system entirely.

mozilla-firefoxSkill

recomp-frontend-review

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

Review reusable-component and design-system frontend changes in automated patch reviews or standalone Phabricator and local jj/Git reviews, using bundled domain checks.