design

Behavioral design methodology for products that change user behavior using CREATE Action Funnel (Cue, Reaction, Evaluation, Ability, Timing) and three strategies (cheat, habit, conscious action). Covers behavior discovery (target outcome/actor/action selection), behavior plans, interface tactics per funnel stage, dual-process psychology foundations, and impact measurement/improvement. Use when designing product features that aim to change user habits, increase engagement, or guide users toward beneficial actions. For visual UI/UX design principles, use designing-ux instead. For human-centered design thinking process (user research, ideation, prototyping), use practicing-design-thinking instead. For training program design and facilitation methodology, use studio:designing-training instead.

Design system construction, governance, Figma implementation, and practical launch/adoption methodology covering system foundations, pattern taxonomy (CEV naming), organizational adoption (consensus building, proposal templates), pattern library operations, UI pattern catalog (20+ patterns), Figma variable/token architecture, incremental launch, buy-in strategies, content creation, CI/CD automation, update notification framework (6 steps), operational ownership patterns, case studies, and self-assessment. Use when architecting, evaluating, or restructuring a design system, planning organizational adoption, building a pattern library, constructing a design system within Figma, starting a DS from scratch, or creating design system content. For component styling, use web:styling-with-tailwind instead. For design-to-code, use web:implementing-design instead. For frontend codegen, use web:designing-frontend instead.

AI experience (AIX) design guide: agentic UX (5 agentic patterns, human-in-the-loop checkpoints/permissions), Copilot placement patterns for SaaS, user mental models, AI-first interfaces (IA, forecasting/anomaly-detection UI), input design (3-channel model, CARE Framework, voice), computation UX (pipeline, routing, latency), output design (5 principles: Clear/Verifiable/Grounded/Actionable/Adjustable, overreliance countermeasures, watermarking), framing (storyboards, digital twin, Value Matrix), AI user research (MUSE, RITE), and AI ethics/bias. Use when designing AI-powered product UX or human-AI interaction patterns such as agentic systems, Copilot features, prompt UI, AI output presentation, or validating AI use cases. For general UI/UX & visual design use designing-ux. For design-thinking process & UX research use practicing-design-thinking. For behavior-change product design use applying-behavior-design. For technical GenAI architecture patterns (RAG, guardrails, LLMOps) use ai:designing-genai-patterns.

Comprehensive data visualization principles covering chart type selection (amounts, distributions, proportions, relationships, time series, geospatial, uncertainty), color scales (qualitative/sequential/diverging, colorblind-safe palettes), design best practices (proportional ink, overplotting remedies, redundant coding, multi-panel figures, avoiding 3D), data storytelling, and image format (bitmap/vector, DPI) and visualization software selection. Use when creating charts, graphs, dashboards, or any visual data representation, or when choosing chart types, color palettes, or reviewing visualization quality. For UI/UX design principles, use designing-ux instead. For technical diagrams (flowcharts, architecture), use studio:creating-diagrams instead.

UXデザイン総合ガイド（認知心理学・UIガイドライン・グラフィック基礎・インターフェイス哲学・UXエレメント5段階モデル・UIデザイン実践TIPS・Webビジュアルデザイン実践）。 Use when designing user experiences, UI, creating web page layouts and visual designs, defining web design concepts using functionality/emotionality frameworks, or referencing UI/graphic design principles and interaction philosophy. 認知心理学基盤（知覚・記憶・思考）、UIデザインガイドライン（コンポーネント・マルチデバイス・ユーザビリティ）、グラフィックデザイン基礎（造形・色彩・タイポグラフィ・レイアウト）、インターフェイス哲学（Fluid Interfaces・モーション理論・ウェルビーイング）、UXエレメント5段階モデル（Strategy/Scope/Structure/Skeleton/Surface）、UIデザイン実践TIPS（状態設計・フィードバック・コンポーネント選択）、Webビジュアルデザイン実践（機能性7軸・情緒性6軸・コンセプト策定）を含む。デザイン思考プロセス・ユーザーリサーチは practicing-design-thinking スキルへ。AIエクスペリエンス設計は designing-ai-experiences スキルへ。

Design thinking process and UX research methodology: empathize/define/ideate/prototype/test, HCD process (ISO 9241-210), user research methods, journey maps, personas, prototyping, structured scenario method, usability evaluation, 100 phased UX principles (Consider/Empathize/Define/Research/Design/Validate checklists), and a 3-level organizational adoption framework. Use when running design-thinking workshops or UX research, or conducting user-centered design activities such as persona creation, journey mapping, scenario writing, usability evaluation, or organizational UX adoption and change management. For UI/visual design principles use designing-ux. For AI experience design (agentic UX, AI-first interfaces) use designing-ai-experiences. For behavior-change product design use applying-behavior-design. For design system construction and governance use building-design-systems.