layout-designer
Designs page layouts, grid systems, and structural arrangements. Use when creating layouts for pages, sections, or components. Considers responsive design, visual hierarchy, and accessibility.
design-review
UI/UX ๋์์ธ ๋ฆฌ๋ทฐ ์คํฌ. ์๊ฐ์ ์ผ๊ด์ฑ, ๋ฐ์ํ ๋์์ธ, ์ ๊ทผ์ฑ(WCAG 2.1 AA), ์ธํฐ๋์ ํจํด์ ๊ฒํ ํฉ๋๋ค. Use when: reviewing UI components, page layouts, frontend changes, or when user asks for design review, UI check, layout verification. Triggers: ๋์์ธ ๋ฆฌ๋ทฐ, UI ๊ฒํ , ๋ ์ด์์ ํ์ธ, design review, UI audit, layout check
prd-writer
Write comprehensive Product Requirements Documents (PRDs)
project-workflow
AI ้ฉฑๅจ็ๅ จๆ ้กน็ฎๅผๅๅทฅไฝๆตๆจกๆฟใ็จไบๆๅฏผๆฐ้กน็ฎไป 0 ๅฐ 1 ็ๅฎๆดๅผๅๆต็จ๏ผๅ ๆฌๅปบไปๅบใไบงๅ่งๅใๆๆฏ้ๅใUI/UX ่ฎพ่ฎกใๅผๅ้จ็ฝฒใๆต่ฏ้ช่ฏใCI/CD ็ญ 10 ไธช้ถๆฎตใ้็จไบ SaaS ไบงๅใWeb ๅบ็จใAI ๅบ็จๅผๅใ
offline-vs-online-evaluation
Comprehensive guide to offline and online evaluation strategies including A/B testing, shadow mode, canary deployments, and bridging offline-online metrics
ux-flow-chooser
ๅคๆญใจๅ่จญ่จใฎใใใฎUIใใญใผ้ธๆใฌใคใใใฟใคใ ใฉใคใณUIใจใใใญใธใผUIใฎใฉใกใใ้ธใถใใใพใใฏใใคใใชใใใซใใใใใใใขใชใณใฐ่ณชๅโๅคๅฎโใใฟใผใณๆ็คบใฎๆ้ ใงๆฑบใใใๆ ๅ ฑใฎ้ฎฎๅบฆใปๅกๅๅฏ่ฝๆงใปๅชๅ ๅบฆๅๅธใปไธฆ่กใณใณใใญในใใปใใใคในๅถ็ดใปๆปๅจๆ้ใ่ใๅใใใฟใคใ ใฉใคใณโใใใญใธใผๅคๆใฎใใงใใฏใชในใใจไบไพใๆไพใใใ
prd-explorer
PRD(์ ํ ์๊ตฌ์ฌํญ ๋ฌธ์)๋ฅผ ๋ถ์, ๊ฒ์ฆํ๊ณ ๊ตฌ์ฒดํํ๋ ์คํฌ
sales-operations
ะญะบัะฟะตัั Sales Ops. ะัะฟะพะปัะทัะน ะดะปั ะฟัะพัะตััะพะฒ ะฟัะพะดะฐะถ, CRM, forecasting ะธ sales analytics.
mermaid-diagram
Mermaid ํ๋ก์ฐ/์ํ์ค ๋ค์ด์ด๊ทธ๋จ์ด ํ์ํ ๋
ux-concepts
Understand and apply psychological concepts to create superior user experiences (UX) in frontend design.
prd-writer
Create a clear, actionable PRD with clarifying questions and a junior-friendly structure.
domain-analyzer
ใฆใผใถใผใฎๆฅญๅ้ ๅใ็ฎ็ใๅๆใใๅฟ ่ฆใชๆฉ่ฝใๆฝๅบใใใใใฉใฐใคใณไผ็ปๆใๆฅญๅๅๆๆใๆฉ่ฝ่ฆไปถๅฎ็พฉๆใใพใใฏใฆใผใถใผใๆฅญๅ้ ๅๅๆใใใกใคใณๅๆใๆฉ่ฝๆฝๅบใใใฉใฐใคใณ่จญ่จใซ่จๅใใ้ใซไฝฟ็จใใใ
requirements-definition
A skill to break down ambiguous requests into small, immediately implementable requirement definitions through strategic questioning. Focus on WHY and WHAT, excluding HOW. This is used when ambiguous requests such as 'I want to add a feature like XX,' 'I want to fix XX,' or 'I did XX' are made outside of Plan Mode.
shunsaku-design-btoc
็ฌไฝใฎBtoCๅใใใถใคใณในใญใซใๆถ่ฒป่ ๅใใขใใชใฎๆๆ ่จดๆฑใใถใคใณใไฝๆใใใSNSใใจใณใฟใกใECใๅ็ใขใใชใชใฉใ็ฌฌไธๅฐ่ฑกใจๆๆ ไฝ้จใ้่ฆใ
test-assumption
Identify hidden assumptions about users in code that could exclude or harm. A focused analysis asking "What am I assuming about the person using this?"
elevated-design
Create sophisticated, Apple-inspired web interfaces with refined aesthetics and corporate elegance. Emphasizes generous whitespace, ultra-precise typography, asymmetric layouts, and purposeful interactions. Combines minimalist design philosophy with premium brand execution. Use when building premium landing pages, marketing sections, product showcases, or corporate interfaces that demand visual sophistication beyond standard business UI.
roadmap-builder
Ruthless feature prioritization using Impact vs Effort matrix and stage-based rules. Prevents feature creep by focusing on retention โ core features โ monetization โ growth. Challenges ideas with validation questions before building.
researching-ux
ใฆใผใถใผใชใตใผใใจ่กๅๅๆใๆฏๆดใใพใใใฆใผใถใใชใใฃใในใใUXใฌใใฅใผใใใฃใผใใใใฏๅๆใใธใฃใผใใผใใใไฝๆใใใซใฝใๅฎ็พฉใๆไพใใพใใใฆใผใถใผ็่งฃๆทฑๅใUXๆนๅใใใฃใผใใใใฏๅๆใๅฟ ่ฆใชๅ ดๅใซไฝฟ็จใใฆใใ ใใใ
user-interviews
Comprehensive guide to conducting effective user interviews for problem discovery, solution validation, and continuous learning
brainstorming
Use before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.