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

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

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

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

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

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

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.

gear-foundationSkill

sails-frontend

gear-foundation/vara-skills/skills/sails-frontend/SKILL.md

Use when a builder needs to build or extend a React or TypeScript frontend for a standard Gear/Vara Sails app, using Sails-JS, generated clients, React hooks, and low-level Gear-JS only where it adds value. Do not use for Rust-only contract work, raw gstd service design, or non-Vara frontends.

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

miracleEverywhereSkill

frontend-project

miracleEverywhere/dst-management-platform-api/.agents/skills/frontend-project/SKILL.md

如果你对一些前端有疑问，可以查看本项目的前端代码

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.

bbvch-aiSkill

debug-frontend

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

Debug the Nuxt 3 admin UI using Playwright MCP for visual inspection, console error analysis, and network request tracing. Use when user says 'UI is broken', 'page not loading', 'frontend bug', 'console errors', 'API call failing in UI', 'component not rendering', 'blank page', 'verify my UI changes', or 'check the admin interface'. Do NOT use for static code quality audits (use audit-frontend), backend agent debugging (use debug-agent), or bot platform issues (use bot-framework).