Claude skills and agent skills

zeuikliSkill

frontend-design

zeuikli/claude-code-workspace/.claude/skills/frontend-design/SKILL.md

引導 Claude 產出高品質的前端設計，避免 AI 生成的通用風格（AI slop）。包含字型、色彩、動態、背景的設計指引。

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

exelearningSkill

frontend-module

exelearning/exelearning/.agents/skills/frontend-module/SKILL.md

Change vanilla JavaScript UI modules in public/app/, including DOM state, events and localization.

REPOZYSkill

frontend-design

REPOZY/superpowers-optimized/skills/frontend-design/SKILL.md

MUST USE for any frontend, UI, or web interface implementation. Enforces production-grade visual quality, accessibility, responsive design, and professional polish. Triggers on: "build a UI", "frontend", "website", "landing page", "dashboard", "make it look professional", any React/Vue/Svelte/HTML component work. Routed by using-superpowers, or invoke directly via /frontend-design.

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

hamzafarooqSkill

frontend-slides

hamzafarooq/claude-code-starter/.claude/skills/frontend-slides/SKILL.md

Create stunning, animation-rich single-file HTML presentations from scratch or by converting a PowerPoint (.pptx) file. Use when the user wants to build a presentation, convert a PPT to web format, or create slides for a talk, pitch, or demo. Shows 3 visual style previews before building the full deck — no design experience needed.

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

luongnv89Skill

frontend-design

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

Build production-grade frontend interfaces with distinctive aesthetics and working code. Use for UI components, pages, or frontend features. Don't use for backend/API work or usability-only audits.

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

happycapy-aiSkill

frontend-slides

happycapy-ai/Happycapy-skills/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

DongDuong2001Skill

frontend-code

DongDuong2001/pudo-code-system/skills/code/frontend/SKILL.md

Frontend architecture, UI/UX implementation, and web performance

lza6Skill

frontend-ui-ux

lza6/claw-code-tingfeng/skills/frontend-ui-ux/SKILL.md

Designer-developer for UI/UX work

xenitV1Skill

frontend-design

xenitV1/Antigravity-Workflows/skills/frontend-design/SKILL.md

Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches principles, not fixed values.

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

pwndocSkill

test-frontend-e2e

pwndoc/pwndoc/.claude/skills/test-frontend-e2e/SKILL.md

Generates Playwright E2E specs for PwnDoc. Tests run against the full stack (frontend + backend + MongoDB) with pre-authenticated browser sessions. Run with ./pwndoc-cli test --frontend-e2e.

Ilm-AlanSkill

frontend-design

Ilm-Alan/frontend-design/SKILL.md

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or filler labels. Use when building or restyling a frontend.

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

ceilf6Skill

frontend-design

ceilf6/FrontAgent/skills/frontend-design/SKILL.md

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff engineering boundaries. Use when building or restyling pages, landing screens, dashboards, marketing surfaces, or other frontend UI where visual quality materially affects the result.

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

avibebuilderSkill

frontend-design

avibebuilder/claude-prime/.claude/skills/frontend-design/SKILL.md

Builds distinctive, production-grade UIs that avoid generic AI aesthetics. Use whenever the user wants to build, restyle, or give visual direction to any interface — pages, dashboards, landing pages, components, onboarding flows, mobile screens, or design systems — even without an explicit 'design' request. Also triggers for: picking an aesthetic direction, improving the look of a dull/generic existing page, adding visual personality, or choosing colors/typography. Includes a bundled design intelligence database for concrete guidance across web (React, Next.js, Vue, Tailwind) and mobile (React Native, Flutter, SwiftUI).

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

itseffiSkill

frontend-design

itseffi/agentic-os/.agents/skills/frontend-design/SKILL.md

Design implementation-ready frontend solutions with UX intent, component structure, responsive behavior, accessibility, and handoff criteria.

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

actionow-aiSkill

frontend-brand

actionow-ai/frontier/skills/frontend-brand/SKILL.md

为已有前端项目做品牌视觉交付：Logo 生图提示词包（prompt 交付，用户自选模型生图）、OG 社交分享图（1200x630 代码渲染）、Landing page 设计（调度 graphite landing 骨架）。当用户说「做个 logo」「设计 logo」「生成 OG 图/分享图」「做落地页/landing」「品牌视觉」时触发。基于项目既有设计体系提取品牌基因（brand-profile.md），不凭空设计。与 brandkit（纯出图引擎）分工：本 skill 交付工程集成的 prompt 包与代码产物，需要直接生成品牌板图片时可转 brandkit。

Zenobia000Skill

frontend-spec

Zenobia000/agent-skills-starter/.claude/skills/frontend-spec/SKILL.md

為有 UI 的規格產出前端規格書與 Pencil 設計稿：路由表、每頁 design brief、四態畫面（Loading/Empty/Error/Success）的 .pen mockup。在 /to-spec 之後、/to-tickets 之前跑，可選。

PaulRBergSkill

frontend-design

PaulRBerg/agent-skills/skills/frontend-design/SKILL.md

browser skill for rendered verification when available, otherwise the host's DevTools/browser tool. name: frontend-design skill-dependencies: - chromium-browser description: Use when creating or substantially redesigning web interfaces, landing

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

alessiogarifo92Skill

vue-frontend

alessiogarifo92/claude-skills/vue-frontend/SKILL.md

Use when writing or reviewing Vue components - composables, state ownership, props/emits design, accessibility, or loading/empty/error UI states

AlpayCSkill

tdd-frontend

AlpayC/claude-skill-set/skills/tdd-frontend/SKILL.md

Test-first discipline for UI work — the seam comes from the spec, the failing test comes before the code, the assertion describes what the user experiences. Use it when a step's behaviour is specifiable before it is built.

Hedy-AlanSkill

dev-frontend

Hedy-Alan/claude-5-step-dev/dev-frontend/SKILL.md

开发流水线第 4 步：前端实现。按 API 契约开发页面、组件和状态管理， API 封装层对齐契约，所有页面覆盖加载/空/错误三态。 触发词：前端实现、写前端、实现页面、开发界面、做 UI。 输入 docs/dev/03-api-contract.md（后端已实现），产出可运行的前端， 下一步交给 /dev-integration。