设计
UI/UX 方向、视觉设计与设计系统
brand-guidelines
AutumnsGrove
"Professional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone of voice, and multi-channel brand application. Use for: (1) Creating brand style guides, (2) Enforcing brand consistency across documents, (3) Logo usage validation, (4) Typography standards, (5) Color palette management, (6) Brand voice guidelines"
minoan-frontend-design
tdimino
This skill should be used when building web components, pages, artifacts, posters, or applications (websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Creates distinctive, production-grade frontend interfaces with high design quality that avoids generic AI aesthetics.
branding
manojbajaj95
Apply official brand colors and typography to professional artifacts. Use for presentations, reports, and documents to ensure corporate visual identity. Use proactively when a "client-ready" look-and-feel is requested. Examples: - user: "Brand this report" -> apply corporate colors and fonts - user: "Apply brand guidelines to these slides" -> update colors/fonts in XML - user: "Check if this document is on-brand" -> verify against color/font standards
marketing-campaign-management
manojbajaj95
Comprehensive marketing expertise combining campaign execution, strategy frameworks, psychological principles, and 140+ marketing tactics. Use when planning campaigns, developing content strategy, applying behavioral science, generating marketing ideas, or building go-to-market strategies. Covers email, social, SEO, paid ads, content, and psychology-driven optimization.
Component Patterns Skill
markus41
"UI component patterns with style-specific implementations and accessibility"
Chakra UI Component Patterns
markus41
Use these patterns as starting points and customize them with theme tokens and responsive props to match your design system requirements.
tailwind-best-practices
gopherguides
"Tailwind CSS v4 guidance: utility-first patterns, @theme directive for color/spacing/font config, @source for content paths, dark mode, responsive design, oklch colors, custom variants, v4 vs v3 differences. Use when user writes Tailwind utility classes, configures @theme or @source in CSS, asks about v4 syntax, or styles components."
design-branding
manojbajaj95
This skill should be used when the user asks to "create brand identity", "build brand kit", "logo design", "brand guidelines", "visual identity", or mentions branding, design systems, or creative assets. Creates professional brand identity and design systems that establish authority.
Keycloak Theming Skill
markus41
"Multi-tenant Keycloak authentication theming with realm-specific design systems"
Design Styles Skill
markus41
"Access 263+ design styles with AI-optimized prompt keywords for frontend development"
epic-hypothesis
HMS091
Frame an epic as a testable hypothesis with target user, expected outcome, and validation method. Use when defining a major initiative before roadmap, discovery, or delivery planning.
autonomous-freelancing
HMS091
"Full-stack autonomous freelancing pipeline — research platforms, register accounts, monitor tasks, auto-bid, auto-deliver code. User handles accounts/wallets, agent handles ALL technical work."
side-hustle-design
lsi9923
개인의 경력·시간·자본을 기준으로 부업 후보를 만들고 시장 검증 질문·가격안·90일 실행 계획을 세운다. 수익·시장 규모는 가정과 계산식을 분리해 제시한다. "부업 뭐가 좋을까", "부업 설계해줘", "사이드 프로젝트 계획", "수익 모델 짜줘" 요청에 쓴다.
design-system
SneakKestrel16
"Section-by-section GDD authoring for one system — walks through each required section, cross-references dependencies."
gstack
LightHeart-Ventures
Route a task to the right gstack skill (garrytan/gstack) — plan/spec/ship/review, design consultation + review, QA, iOS live-device workflows, security audit, docs, browser automation. Use when the user says "gstack", names a gstack command (/plan, /ship, /review, /spec, /qa, /cso, …), or asks which gstack skill fits a task.
discovery-process
HMS091
Run a full discovery cycle from problem hypothesis to validated solution. Use when a team needs a structured path through framing, interviews, synthesis, and experiments.
dark-factory
sibulus13
The idea-to-product pipeline, built from ONE atomic unit, the cycle (Design → Design review → Implement → Review, size-scaled fix budget 1–3, every step traced under a cycle UUID). A build is intake/kill-gate, then a spec cycle, a contract cycle, parallel component cycles in their own worktrees, and an integration cycle. Entry modes (feature-add, spec-only, review-only, build-only, contract-only, integration-check, research, gap-log, consolidate) run any subset. It keeps docs/STATE.md and PHASE-LOG current so Catwalk shows status live. Full rules and rationale are in REFERENCE.md; the unit is specified in CYCLE.md.
miko-onboard
sibulus13
Intake + configuration + go-live for the Miko (Pythia) chat widget on a NEW website. Use when adding Miko to a site — collect the tenant config, set up the tenant + CORS in pythia, author + ingest the site's corpus, embed a brand-matched widget on the public surface only, validate against the eval gate, and deploy. Complements /deploy-web (which ships the site; this configures the assistant). Triggers: "add Miko to <site>", "onboard <site> to the chatbot", "put the chat widget on <site>", "go live with Miko on a new website".
design-review
SneakKestrel16
"Reviews one design document for completeness, internal consistency, implementability, and design standards. Before handing to programmers."
image-prompt-portrait
lsi9923
인물 사진 이미지 생성 프롬프트를 섹션 구조(IDENTITY/SUBJECT/WARDROBE/POSE/LIGHT/CAMERA/ENVIRONMENT/COLOR/MOOD/QUALITY)로 만들어 준다. "인물 사진 프롬프트", "화보 프롬프트 만들어줘", "저조도 인물 사진", "이미지 프롬프트 구조", "포트레이트 프롬프트" 요청에 쓴다.
angular-frontend
GitQuuu
Conventions for Angular frontends (v20+, signals, standalone, zoneless/OnPush) built with PrimeNG components and Tailwind CSS that talk to a versioned ASP.NET Core API. Use when writing, placing or reviewing Angular code, e.g. a feature, component, page layout, PrimeNG table/form/dialog, route, API service, interceptor, or a spec file, or when wiring the frontend to a backend endpoint.
project-stage-detect
SneakKestrel16
"Analyze project state, detect stage, identify gaps, recommend next steps. 'Where are we in development?'"
problem-statement
HMS091
Write a user-centered problem statement with who is blocked, what they are trying to do, why it matters, and how it feels. Use when framing discovery, prioritization, or a PRD.
product-sense-interview-answer
HMS091
Structure a spoken PM product-sense answer with assumptions, segmentation, pain-point prioritization, and MVP tradeoffs. Use when practicing design, improve, or build-next interview questions.