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

julianoczkowskiSkill

frontend-design

julianoczkowski/designer-skills/frontend-design/SKILL.md

Build distinctive, production-grade frontend interfaces with high design quality, guided by named aesthetic philosophies. Use when building components, pages, or applications. Generates working code with exceptional attention to aesthetic details and creative choices that avoid generic AI output.

Often used withfile-reading·academy-guide·teach-impeccable

butterbase-aiSkill

deploy-frontend

butterbase-ai/butterbase-skills/skills/deploy-frontend/SKILL.md

Use when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

MystenLabsSkill

frontend-apps

MystenLabs/skills/frontend-apps/SKILL.md

Sui frontend / dApp development with @mysten/dapp-kit-react (React) and @mysten/dapp-kit-core (Vue, vanilla JS, Svelte, Web Components, other frameworks). Use when building browser apps that connect Sui wallets, query on-chain state, or submit transactions. Covers wallet connection, network switching, transaction execution, query patterns with TanStack React Query, and the specific pitfalls of browser + wallet + async-indexer environments. Pair with the `sui-sdks` skill for @mysten/sui Transaction construction patterns and the `ptbs` skill for PTB semantics.

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

Indium-AI-LabsSkill

frontend-ship

Indium-AI-Labs/indium-agentkit/skills/frontend-ship/SKILL.md

Build or change a user-facing frontend feature (page, component, form, or client data flow) in the project's existing framework and design system, with the states it needs, WCAG 2.2 AA accessibility, and tests. Use when implementing UI from an agreed brief or API contract in Next.js, Remix or React Router, Vite, Vue or Nuxt, SvelteKit, or Angular apps. Not for UI review (delegate to the frontend-reviewer subagent) or accessibility audits (use the accessibility-audit skill).

databrickslabsSkill

frontend-design

databrickslabs/ontobricks/.claude/skills/frontend-design/SKILL.md

Use when creating or changing OntoBricks templates, page layouts, tabs, cards, forms, or responsive UI behavior.

Often used withfile-reading·brief-to-tasks·academy-guide

HazATSkill

frontend-design

HazAT/pi-config/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 withfile-reading·brief-to-tasks·academy-guide

notqueDeletes or force-pushesSkill

frontend-slides

notque/vexjoy-agent/skills/frontend/frontend-slides/SKILL.md

Browser-based HTML presentation generation.

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

voly-codesSkill

voly-frontend

voly-codes/voly/.claude/skills/voly-frontend/SKILL.md

Guide for working on VOLY Svelte 5 UI — components, API client, styling. Use this skill for any frontend changes in ui/.

EvovexAISkill

frontend-design

EvovexAI/EvoFlow/skills/public/frontend-design/SKILL.md

创建独特的、生产级前端界面。当用户要求构建Web组件、页面、artifacts、海报或应用程序时使用此技能（包括网站、落地页、仪表板、React组件、HTML/CSS布局，或美化任何Web UI）。生成创意、精致的代码和UI设计。

Often used withfile-reading·brief-to-tasks·academy-guide

nexmoeSkill

frontend-design

nexmoe/DayBee/.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 withfile-reading·brief-to-tasks·academy-guide

mikeandyerSkill

frontend.red

mikeandyer/claude-skills-frontend-logic-share/frontend.red/SKILL.md

Frontend 紅燈實作執行器。對單一 @frontend .feature 執行完整紅燈流程： Schema Analysis（環境就緒）→ Step Template（骨架生成）→ Red Implementation（實作測試程式碼）。 透過 arguments.yml 的 FRAMEWORK 自動路由框架變體。 當 /frontend.control-flow 呼叫紅燈階段，或使用者說「frontend red」「紅燈」時觸發。

JetBrainsSkill

frontend-design

JetBrains/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 withfile-reading·brief-to-tasks·academy-guide

mikemai2awesomeSkill

frontend-a11y

mikemai2awesome/agent-skills/skills/frontend-a11y/SKILL.md

Write minimal, accessible web UI without over-engineering, adapting to whatever stack the project uses — React, Vue, Svelte, Angular, web components, or plain HTML. Use this skill on every project and every task that writes or reviews markup or components, builds forms, adds interactive elements like buttons, dialogs, accordions, or tabs, or audits code for accessibility — even when the user never mentions accessibility, and even inside a framework, CMS, or design system. It's non-negotiable regardless of project type, stack, or deadline. About to reach for ARIA attributes, a dialog library, a focus-trap package, or a headless UI component? Use this skill first.

mizchiSkill

frontend-expert

mizchi/skills/frontend-expert/SKILL.md

Frontend architect perspective for the weekly review. Focuses on component design, state management, DOM usage, developer experience, and build configuration. Reads raw JSON from other audit scripts and produces an opinionated perspective report.

ModelEngine-GroupSkill

frontend-design

ModelEngine-Group/DataMate/.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, 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 withfile-reading·brief-to-tasks·academy-guide

AndrewDrygaSkill

design-frontend

AndrewDryga/emisar/.claude/skills/design-frontend/SKILL.md

Put on the pragmatic front-end hat for the emisar Phoenix UI and marketing HEEx — build correct LiveView/operator UI with CoreComponents and LiveTable, or execute public marketing pages from creative direction with server-rendered HEEx + Tailwind. Use when implementing or changing a LiveView, HEEx template, component, operator UI, or controllers/marketing_html page in apps/emisar_web.

YYH211Skill

frontend-design

YYH211/Claude-meta-skill/frontend-design/SKILL.md

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

Often used withfile-reading·brief-to-tasks·academy-guide

loulanyueSkill

frontend-slides

loulanyue/awesome-claude-notes/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

AkaraChenSkill

frontend-design

AkaraChen/aghub/.agents/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.

Often used withfile-reading·brief-to-tasks·academy-guide