hooked-model
Design habit-forming products using the Hook cycle. Use when building engagement loops, improving retention, designing notifications, or creating products users return to without external prompting.
Design habit-forming products using the Hook cycle. Use when building engagement loops, improving retention, designing notifications, or creating products users return to without external prompting.
Design effective CTAs using visual attention and gaze psychology principles. Use when designing landing pages, button hierarchies, conversion elements, or optimizing user attention flow through interfaces.
Discovers differentiated market positioning using 8 proven frameworks. This skill should be used when launching a new product or service, entering competitive markets, refreshing stale positioning, or when current messaging sounds like every other competitor.
PPM system for resource allocation, budget tracking, and portfolio analytics
Builds requirements specification through structured discovery interview. Use when defining scope, gathering requirements, or specifying WHAT any work should accomplish - features, bugs, refactors, infrastructure, migrations, performance, documentation, or any other work type.
Diagnoses marketing needs and sequences appropriate skills for comprehensive campaigns. This skill should be used when unsure which marketing skill to use, planning multi-step marketing campaigns, creating integrated marketing strategies, or when a project spans multiple marketing disciplines.
ドメイン要件と業界標準フレームワークに基づき、対象エージェント用のSkills群(SKILL.md/assets/evaluation/questions)を設計・生成する。「Skills作成」「ワークフロー群生成」「機能実装」を依頼されたときに使用する。
価値提案(誰に/何のために/なぜ勝てる)をレビューし、曖昧さ・矛盾・証拠不足を洗い出して、メッセージとMVPを磨くために使う。
認知負荷・エラー防止・学習コスト・アクセシビリティの観点からUI/フローを評価し、改善案を“検証可能な仮説”として提示する。認知人間工学/ユーザビリティ/アクセシビリティを統合して扱う。
プロダクトのペルソナ/ユーザー像を、仮説と根拠(観察・調査・制約)で組み立て、意思決定に使える形へ整形する。※会話口調のペルソナ(にゃんこ)とは別物。
セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。
UI 디자인 기본 원칙 가이드. Use when creating UI components, writing frontend code, reviewing designs, or avoiding AI-looking interfaces.
Frontend design skill for UI/UX implementation - generates distinctive, production-grade interfaces
ドメイン要件と業界標準フレームワークに基づき、対象エージェント用のSkills群(SKILL.md/assets/evaluation/questions)を設計・生成する。「Skills作成」「ワークフロー群生成」「機能実装」を依頼されたときに使用する。
Frontend design skill for UI/UX implementation - generates distinctive, production-grade interfaces
体験品質(動き/触感/視線誘導)を「実装可能な制約」に落とし、アクセシビリティとパフォーマンスを犠牲にせずに表現を実現する。UIの表現・アニメーション・インタラクション設計/実装の相談で使う。
ドメイン要件と業界標準フレームワークに基づき、対象エージェント用のSkills群(SKILL.md/assets/evaluation/questions)を設計・生成する。「Skills作成」「ワークフロー群生成」「機能実装」を依頼されたときに使用する。
How to design formats that succeed — simplicity, community, timing
FigmaやUI要件を「壊れない・拡張しやすい」実装へ翻訳するための判断軸。px写経を避け、比率・構造・制約・状態を先に設計してからUIを組み立てる。
ドメイン要件と業界標準フレームワークに基づき、対象エージェント用のSkills群(SKILL.md/assets/evaluation/questions)を設計・生成する。「Skills作成」「ワークフロー群生成」「機能実装」を依頼されたときに使用する。
Iteratively craft a CUSTOMER.md document that precisely defines your ideal customer profile (ICP). This is the foundational document from which everything else (product, features, brand) derives. Uses parallel research agents and multi-choice workflow with feedback cycles.