design-strategy
Strategic alignment of design initiatives with business goals using the TRACES framework. Use when (1) aligning design projects with corporate strategy, (2) identifying and mitigating external threats (Technical Debt, Regulatory, Audience, Competition, Economic, Substitute Technology), (3) assessing design maturity/capability, (4) structuring design teams for specific outcomes, (5) managing designer career growth, or (6) communicating design value (ROI, ESG, business outcomes) to senior leadership.
Best use case
design-strategy is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
Strategic alignment of design initiatives with business goals using the TRACES framework. Use when (1) aligning design projects with corporate strategy, (2) identifying and mitigating external threats (Technical Debt, Regulatory, Audience, Competition, Economic, Substitute Technology), (3) assessing design maturity/capability, (4) structuring design teams for specific outcomes, (5) managing designer career growth, or (6) communicating design value (ROI, ESG, business outcomes) to senior leadership.
Teams using design-strategy should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/design-strategy/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How design-strategy Compares
| Feature / Agent | design-strategy | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Strategic alignment of design initiatives with business goals using the TRACES framework. Use when (1) aligning design projects with corporate strategy, (2) identifying and mitigating external threats (Technical Debt, Regulatory, Audience, Competition, Economic, Substitute Technology), (3) assessing design maturity/capability, (4) structuring design teams for specific outcomes, (5) managing designer career growth, or (6) communicating design value (ROI, ESG, business outcomes) to senior leadership.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Design Strategy Skill This skill provides the tools and frameworks to transform design from a cost center into a strategic value creator. It is based on "The Art of Design Strategy" by Garkay Wong. ## Core Workflows ### 1. Assessment & Maturity Evaluate organizational design capability and impact level. - **Capability Model**: 6 dimensions of maturity (Aesthetics to Force for Good). - **Impact Model**: 9 stages of awareness and adoption. - **Reference**: [capability_model.md](references/capability_model.md) ### 2. Strategic Alignment & Growth Align design initiatives with corporate priorities using the **TRACES Growth Matrix**. - **Posture**: Optimize (Better), Enhance (Scale), Adapt (Collaborate), or Transform (Differently). - **Investment**: Prioritize by **Strategic Fit** vs. **Team Capacity**. - **Reference**: [canvases.md](references/canvases.md) ### 3. Risk & Threat Management (TRACES) Identify and respond to external factors: **T**echnical Debt, **R**egulatory, **A**udience, **C**ompetition, **E**conomic, and **S**ubstitute Tech. - **Tools**: Threat Identification Canvas & Adaptive Risk Response (ARR) Canvas. - **Reference**: [traces.md](references/traces.md) ### 4. Teams & Talent Management Structure teams for outcomes and develop talent based on alignment/capability. - **Outcome-Based Teams**: Rapid Response, Precision, Agile, or Long-term Planning. - **Career Growth Matrix**: 9 personas (e.g., Up-and-Comer, Leader, Unfulfilled). - **Reference**: [teams_and_talent.md](references/teams_and_talent.md) ### 5. Innovation & Transformation Lead disruptive change using the **7Cs** and **Force for Good** principles. - **Approach**: Balance **Normative** (Visionary) vs. **Empirical** (Data-driven) decisions. - **Sustainability**: Aligning with ESG and Creating Shared Value (CSV). - **Reference**: [innovation_and_transformation.md](references/innovation_and_transformation.md) ### 6. Executive Advocacy Translate design into the language of the C-suite (ROI, Shareholder Returns, Growth Drivers). - **Reference**: [business_value.md](references/business_value.md)
Related Skills
game-design
Game design principles. GDD structure, balancing, player psychology, progression.
frontend-design
Create distinctive, bold UI designs that avoid generic AI aesthetics. This skill should be used when users want frontend components with strong visual identity, creative typography, intentional color palettes, and production-grade animations - specifically to avoid the bland, safe, homogeneous "AI slop" that plagues most generated interfaces.
figma-design
Access Figma designs, extract design systems, and retrieve component specifications. Use when implementing UI from Figma mockups, extracting design tokens, or analyzing design files.
faion-ui-designer
UI design: wireframes, prototypes, design systems, visual design.
event-store-design
Design and implement event stores for event-sourced systems. Use when building event sourcing infrastructure, choosing event store technologies, or implementing event persistence patterns.
detect-design
Design system detection with drift findings and evidence blocks. Use when auditing design system consistency.
design_responsive
Breakpoints, fluid typography, container queries ve modern CSS features.
design
Design consistency and visual styling for the Svelte client UI. Use when creating or modifying visual elements, colors, typography, buttons, inputs, or cards.
Design Undo/Redo Systems
CREATE comprehensive undo/redo systems with Command Pattern. Design state management for complex applications with canvas interactions, multiple stores, and user actions. Use when building new undo/redo functionality from scratch.
design-system
design system with Tailwind v4.0, accessibility patterns, and project-specific UI/UX rules. Use for all KKOOKK frontend development.
design-system-starter
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
design-system-guard
Validate UI screens against Lucid Labs design system rules. Use after implementing UI components to verify adherence to brand colors, typography, layout patterns, and service board logic.