Claude skills and agent skills

xu-xiangSkill

frontend-slides

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

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

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

BidingCCSkill

frontend-design

BidingCC/BuildingAI/skills/frontend-design/SKILL.md

name: frontend-design description: 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

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

quranSkill

frontend-design

quran/quran.com-frontend-next/.agents/skills/frontend-design/SKILL.md

name: frontend-design description: 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

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

quranSkill

frontend-design

quran/quran.com-frontend-next/.claude/skills/frontend-design/SKILL.md

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

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

buildermethodsSkill

frontend-design

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

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

OpenAEV-PlatformSkill

review-frontend

OpenAEV-Platform/openaev/.claude/skills/review-frontend/SKILL.md

Frontend review checklist for OpenAEV React/TypeScript code: component patterns, Filigran Design System adoption, forms, MUI usage, permissions, i18n, state management, dead code. Use when reviewing PRs or auditing frontend features.

skyelan1999Skill

aide-frontend

skyelan1999/aide/.agents/skills/aide-frontend/SKILL.md

Implement or inspect Aide browser UI, settings, styles, accessibility, localization, and file viewers. Load for frontend or visual interaction changes.

classroomioSkill

frontend-design

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

revokslabSkill

frontend-design

revokslab/ShipFree/.cursor/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

vellum-aiSkill

frontend-design

vellum-ai/vellum-assistant/skills/frontend-design/SKILL.md

Design-quality layer for frontend code — typography, color, motion, spatial composition, and avoiding generic "AI slop" aesthetics. Use this as a companion when you are already writing or styling frontend code and want it to look distinctive and production-grade. For building an app, dashboard, tracker, calculator, visualization, landing page, or slide deck the user wants inside the assistant, load `app-builder` instead — it loads this skill itself for the design pass.

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

OpenAISkill

game-ui-frontend

openai/plugins/plugins/game-studio/skills/game-ui-frontend/SKILL.md

Design UI surfaces for browser games. Use when the user asks for HUDs, menus, overlays, responsive layouts, or visual direction that must protect the playfield.

zhao-wuyanSkill

team-frontend

zhao-wuyan/ccw-command-explorer/.claude/skills/team-frontend/SKILL.md

Unified team skill for frontend development. Pure router — all roles read this file. Beat model is coordinator-only in monitor.md. Built-in ui-ux-pro-max design intelligence. Triggers on "team frontend".

QuivrHQSkill

design-frontend-dev

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

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

cenconq25Skill

team-frontend

cenconq25/claude-code-app-studio/.claude/skills/team-frontend/SKILL.md

Orchestrate the mobile UI build. Coordinates lead-developer, framework specialist (RN/Flutter/iOS/Android), state-management specialist, and animation-specialist to ship a feature's frontend layer end-to-end.

letehahaSkill

frontend-rules

letehaha/moneymatter/.claude/skills/frontend-rules/SKILL.md

Frontend conventions and component usage rules. Read before writing any frontend code. Covers styling, component library, data flow, and UI patterns. Trigger on "/frontend-rules" or when starting frontend work.

databuddy-analyticsSkill

frontend-design

databuddy-analytics/Databuddy/.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

julianromliSkill

frontend-skill

julianromli/ai-skills/skills/frontend-skill/SKILL.md

Use when the task asks for a visually strong landing page, website, app, prototype, demo, or game UI. This skill enforces restrained composition, image-led hierarchy, cohesive content structure, and tasteful motion while avoiding generic cards, weak branding, and UI clutter.

Often used withui-ux-pro-max

HK-hubReads credentialsSkill

frontend-dev

HK-hub/AgentSkills/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.

HK-hubSkill

frontend-vue

HK-hub/AgentSkills/frontend-vue/SKILL.md

Professional Vue.js development skill covering Nuxt 3, Vue 3 Composition API, Tailwind CSS, and the Vue ecosystem. Use this skill when building Vue applications, implementing Nuxt features, using Pinia for state management, or component libraries like shadcn-vue.

idaibinSkill

dev-frontend

idaibin/skills/skills/dev-frontend/SKILL.md

Implement frontend UI and project-native UI guidance in the existing stack. Route change-based reviews to repo-review and existing-surface audits without a change basis to repo-audit.