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

MicrosoftSkill

frontend-design

microsoft/agent-academy/docs/cowork-collective/badge-check/assets/SKILL.md

Use this skill when generating reports, tables, or email output to produce polished, self-contained, responsive HTML.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

RinisnotarobotSkill

ts-frontend

Rinisnotarobot/rinco-pi-skills-commands/skills/stacks/ts-frontend/SKILL.md

React and TypeScript frontend conventions - hooks discipline, component composition, server/client component boundaries, Suspense and error boundaries, data fetching and form actions, memoization and bundling, and component testing with React Testing Library. Use when working in a React or TypeScript frontend - writing or reviewing components, hooks, pages, or TSX, wiring data fetching or forms, tuning render cost, configuring tsconfig or module resolution, or when a React change must reconcile with the project's selected frontend architecture. 中文触发：React、前端组件、hooks、TSX、组件测试

jjyaoaoSkill

frontend-design

jjyaoao/HelloAgents/skills/frontend-design/SKILL.md

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

MaxMiksaSkill

frontend-polish

MaxMiksa/Auto-Company/.claude/skills/frontend-polish/SKILL.md

Refine an already working product frontend in a dedicated finishing pass, preserving its identity while improving hierarchy, components, copy and responsive behavior. Use after the core flow works or when the user asks for frontend polish; not for product ideation or a new visual direction.

xstongxueSkill

frontend-design

xstongxue/best-skills/skills/frontend-design/SKILL.md

创建具有高设计品质、可交付生产的前端界面。当用户要求构建 Web 组件、页面、海报或应用（如官网、落地页、仪表盘、React/Vue 组件、HTML/CSS 布局，或对任意 Web UI 进行样式/美化）时使用本技能。产出有创意、打磨到位且避免「AI 通用审美」的代码与界面设计。

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

codedogQBYSkill

frontend-design

codedogQBY/ReadAny/.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, 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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

fmindSkill

web-frontend

fmind/dot/skills/web-frontend/SKILL.md

Design and build simple browser UIs with HTML, CSS, JavaScript, and Tailwind.

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

tranhieuttSkill

team-frontend

tranhieutt/software_development_department/.claude/skills/team-frontend/SKILL.md

name: team-frontend type: workflow description: "Orchestrates the frontend team of ux-designer, ux-researcher, frontend-developer, and accessibility-specialist to design, implement, and validate a UI feature from research

DatabricksSkill

frontend-design

databricks/devhub/.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, 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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

Google CloudSkill

start-frontend

GoogleCloudPlatform/devrel-demos/codelabs/bwg002-devrel-2/.agents/skills/start-frontend/SKILL.md

Manages local server ports and starts the Pitch Generator web server (port 8080) and optional standalone Visual Director A2A service (port 8801) as background daemon processes. Use when asked to run, start, restart, or test the Pitch Generator app or Visual Director service in a browser.

weiSkill

frontend-design

wei/socialify/.github/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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

mrgoonieSkill

frontend-design

mrgoonie/claudekit-skills/.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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

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

reactiveSkill

frontend-design

reactive/data-client/.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, 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 withinstantly-campaign·ecosystem-reference·brief-to-tasks

YosemiteCrewSkill

frontend-design

YosemiteCrew/Yosemite-Crew/.agents/skills/frontend-design/SKILL.md

Use when building or changing UI in apps/frontend. Covers the custom design system, component library (Button, Card, Badge, and more), design tokens, and styling conventions so UI stays consistent and on-brand.

Often used withinstantly-campaign·ecosystem-reference·brief-to-tasks

Start9LabsSkill

start9-frontend

Start9Labs/start-os/.claude/skills/start9-frontend/SKILL.md

Start9 house style for every Angular + Taiga UI web frontend (StartOS ui/setup-wizard, StartWRT, StartTunnel, brochure-marketplace, start9-store, ops-server, support-server, start-equity). Use BEFORE writing or reviewing any frontend code in these apps — components, templates, styles/CSS, forms, dialogs/toasts, routing, state, DI, i18n — and when bootstrapping a new Start9 web UI or upgrading Angular/Taiga. Includes doctrine, recipes, an antipattern catalog distilled from the fleet's refactor history, and a verified Taiga 5 API reference.

sungurerdimReads credentialsSkill

ds-frontend

sungurerdim/dev-skills/ds-frontend/SKILL.md

Frontend design quality — design-system audit, token enforcement, component states, accessibility, responsive layout, theming. Use when building or reviewing UI for design consistency, a11y, or responsiveness.

stareezy-1Skill

frontend-seo

stareezy-1/frontend-architecture-skill/skills/frontend-seo/SKILL.md

A portable, framework-agnostic SEO system for any React or React Native-for-web frontend. Centralizes site metadata in one constants module, derives canonical URLs from a single base, builds per-route metadata (title, description, canonical, Open Graph, Twitter/X cards), generates sitemap.xml, robots.txt, and an RSS feed from real content, and emits typed JSON-LD structured data (Person, WebSite, BlogPosting, CreativeWork, BreadcrumbList, FAQPage). Pure, testable builder functions with a thin framework adapter on top. Use this skill when adding SEO to a site, wiring metadata into routes, generating sitemaps/robots/feeds, adding schema.org structured data, fixing canonical URLs or duplicate-content issues, or reviewing SEO coverage. Pairs with the frontend-architecture skill (SEO lives in a service module) and works with Next.js App Router, Remix, Astro, React + Vite, and Expo Router for web.

xu-xiangSkill

frontend-slides

xu-xiang/everything-claude-code-zh/.agents/skills/frontend-slides/SKILL.md

从零开始创建令人惊叹、动画丰富的 HTML 演示文稿，或通过转换 PowerPoint 文件生成。适用于用户想要构建演示文稿、将 PPT/PPTX 转换为 Web 页面、或为演讲/路演创建幻灯片的场景。帮助非设计师用户通过视觉探索而非抽象选择来发现他们的审美偏好。

Often used witheverything-claude-code·everything-claude-code-conventions·nextjs-turbopack