Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
owl-listener avatar

Design Strategy

  • 11 installs
  • 233 repo stars
  • Updated June 23, 2026
  • owl-listener/designpowers

Helps with ai & agent building tasks during AI-assisted development.

About

design-strategy is a Claude Code skill for ai & agent building. It helps developers move faster with AI-assisted coding.

  • design-strategy
  • AI & Agent Building
  • AI-coding skill

Design Strategy by the numbers

  • 11 all-time installs (skills.sh)
  • Ranked #11,740 of 16,546 AI & Agent Building skills by installs in the Skillselion catalog
  • Data as of Aug 1, 2026 (Skillselion catalog sync)
npx skills add https://github.com/owl-listener/designpowers --skill design-strategy

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs11
repo stars233
Last updatedJune 23, 2026
Repositoryowl-listener/designpowers

What it does

Helps with ai & agent building tasks during AI-assisted development.

Files

SKILL.mdMarkdownGitHub ↗

Design Strategy

Strategy is the bridge between understanding and making. It takes what you learned in discovery and research and turns it into a clear direction that every design decision can be measured against.

Welcome Gate

BEFORE running strategy, check whether the Designpowers welcome sequence has been shown this session. If the user has not yet seen the welcome (the bird, the greeting, and the walkthrough offer), you MUST invoke the using-designpowers skill FIRST and complete the welcome sequence before returning here. The bird must appear before any work begins. No exceptions.

When to Use

  • After discovery and/or research, before detailed design work
  • When stakeholders disagree about direction
  • When the team needs shared design principles
  • When positioning against competitors
  • When defining what makes this experience distinctive

Process

Step 1: Synthesise Inputs

Gather everything from previous phases:

  • Design brief (from design-discovery)
  • Research findings (if research-planning was used)
  • Personas (from inclusive-personas)
  • Existing design system or brand guidelines
  • Business objectives and constraints

Step 2: Competitive Landscape

If relevant, map the competitive landscape:

## Competitive Analysis

| Competitor | Strengths | Weaknesses | Accessibility | Differentiation Opportunity |
|-----------|-----------|------------|---------------|---------------------------|
| [Name] | [What works] | [What fails] | [WCAG compliance, inclusive design quality] | [Where we can do better] |

Pay specific attention to where competitors fail on accessibility — this is often the largest opportunity for differentiation.

Step 3: Define Design Principles

Write 3-5 design principles that will guide every decision. Good principles are:

  • Opinionated — they take a position, not state the obvious
  • Actionable — a designer can use them to make a decision
  • Testable — you can evaluate a design against them
  • Inclusive — at least one principle explicitly addresses accessibility

Example format:

### [Principle Name]
**The principle:** [One sentence]
**What this means in practice:** [How this guides decisions]
**What this means we will NOT do:** [What this rules out]

Step 4: Experience Map

Map the end-to-end experience:

1. Entry points — how do people arrive? (Search, link, referral, notification) 2. First impression — what do they see, feel, understand in the first 5 seconds? 3. Core journey — what steps do they take to accomplish their goal? 4. Moments of friction — where might they struggle, hesitate, or leave? 5. Exit points — how do they finish? What happens next?

For each moment, note the emotional state and the inclusive design considerations.

Step 5: Define Success Metrics

How will we know the design is working?

MetricWhat It MeasuresTargetHow to Measure
[Metric][What aspect of the experience][Goal][Method]

Include at least one accessibility metric (e.g., task completion rate with assistive technology, WCAG compliance level, cognitive load score).

Step 6: Write the Strategy Document

# Design Strategy: [Project Name]

## Design Principles
[3-5 principles]

## Competitive Position
[Where we differentiate]

## Experience Map
[End-to-end journey with emotional states]

## Success Metrics
[How we measure impact]

## Constraints and Trade-offs
[What we are choosing NOT to optimise for, and why]

Save to: docs/designpowers/strategy/YYYY-MM-DD-<project>-strategy.md

Step 7: Stakeholder Alignment

Present the strategy section by section. Confirm alignment before proceeding to design plans.

Integration

  • Called by: design-discovery
  • Calls: writing-design-plans
  • Informs: All design skills — principles and strategy should be referenced in every design decision

Red Flags

FlagResponse
Principles that nobody could disagree with ("Make it easy to use")Rewrite. If everyone agrees, it is not guiding decisions
No accessibility principleAdd one. Inclusive design is a strategic advantage, not a compliance checkbox
Strategy without constraintsEvery strategy involves trade-offs. Name them explicitly

Related skills

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.