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

anbeimeSkill

frontend-design

anbeime/skill/skills/frontend-design/frontend-design/SKILL.md

网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。

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

BuilderIOSkill

frontend-design

BuilderIO/agent-native/.agents/skills/frontend-design/SKILL.md

Product-specific interface design for an Agent-Native app. Use when creating or changing any user-facing UI, including screenshot feedback, copy or density cleanup, settings, controls, or a visual redesign.

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

steipeteSkill

frontend-design

steipete/agent-scripts/skills/frontend-design/SKILL.md

Frontend UI: pages, apps, components, polished non-generic design.

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

orangehrmSkill

frontend-pages

orangehrm/orangehrm/.agents/skills/frontend-pages/SKILL.md

Entry-point reference for OrangeHRM's Vue 3 frontend — the per-page mini-SPA architecture (no vue-router; each backend page-controller mounts one Vue root component into the Twig shell), the four-step page registration flow, plugin-frontend layout under `src/client/src/orangehrm{X}Plugin/`, the three import aliases (`@/`, `@ohrm/core`, `@ohrm/components`) + the external `@ohrm/oxd` design system, the catalog of OXD components actually used in the codebase, the custom `@ohrm/components` layer (DateInput, EmployeeAutocomplete, FileUploadInput, etc.), the typical Vue page file anatomy (mixed Composition + Options API, scoped external SCSS), and full-page navigation via `navigate(url)`. Use whenever the user is adding a new Vue page, editing an existing one, asking "where do I register this component", asking about the OXD design system, debugging "why doesn't my new page render", or working out which import alias to use. Companion skills: `frontend-data` (APIService + composables + validation), `frontend-platform` (i18n + ACL + toaster + navigation), `authorization` (the page-controller side that mounts these Vue components).

nolly-studioSkill

frontend-design

nolly-studio/cult-ui/.agents/skills/frontend-design/SKILL.md

Craft doctrine for building distinctive, polished frontend interfaces. Use when building or reviewing web UI — components, pages, layouts, styling, animation. Covers design direction, typography, surfaces, and motion. Defers to the repo's DESIGN.md for all project-specific choices.

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

netease-youdaoSkill

frontend-design

netease-youdao/LobsterAI/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

ModelEngine-GroupSkill

nexent-frontend

ModelEngine-Group/nexent/.agents/skills/nexent-frontend/SKILL.md

Use when implementing, debugging, or reviewing Nexent frontend pages, React components, hooks, API services, TypeScript types, styling, or localization under frontend/. Includes UI requests without file paths. Skip backend-only work, Python tests, and documentation-only changes with no frontend behavior.

Galaxy-DawnSkill

frontend-design

Galaxy-Dawn/claude-scholar/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

VercelSkill

frontend-design

vercel-labs/open-agents/.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

home-assistantSkill

ha-frontend-lit

home-assistant/frontend/.agents/skills/ha-frontend-lit/SKILL.md

Home Assistant frontend Lit conventions. Use when working with reactive properties, internal state, DOM queries, lifecycle methods, or render-derived state.

yournextstoreSkill

frontend-design

yournextstore/yournextstore/.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. Generates creative, polished code that avoids generic AI aesthetics.

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

CloudflareSkill

frontend-design

cloudflare/vibesdk/worker/agents/think/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

OpenBMBSkill

frontend-design

OpenBMB/PilotDeck/skills/frontend-design/SKILL.md

前端界面设计原则：视觉层次、布局、色彩、间距、响应式和避免“AI 味”页面。

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

OpenBMBSkill

frontend-slides

OpenBMB/PilotDeck/skills/frontend-slides/SKILL.md

Create animation-rich browser-based HTML presentations from scratch, enhance existing HTML decks, or convert PowerPoint files into web presentations. Use only when the requested deliverable is HTML or a browser presentation; do not use when the user needs an editable native .pptx file.

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

camundaSkill

frontend-feature

camunda/camunda/.agents/skills/frontend-feature/SKILL.md

Use when building or modifying pages, components, modules, routes, data loading, forms, API integration, or UI features — including small changes like a column, filter, or panel — in the orchestration cluster webapp (webapp/client/apps/orchestration-cluster-webapp/).

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

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