accessible-content
Use when writing or structuring any user-facing content — interface copy, labels, error messages, help text, headings, alt text,…
Use when setting design direction — establishing principles, competitive positioning, experience mapping, or aligning stakeholders on what the design should achieve and why
$ npx -y skills add Owl-Listener/designpowers --skill design-strategy --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/design-strategyContext preview
The summary Claude sees to decide when to auto-load this skill.
Use when setting design direction — establishing principles, competitive positioning, experience mapping, or aligning stakeholders on what the design should achieve and why
name: design-strategy description: Use when setting design direction — establishing principles, competitive positioning, experience mapping, or aligning stakeholders on what the design should achieve and why
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.
**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.
Gather everything from previous phases:
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.
Write 3-5 design principles that will guide every decision. Good principles are:
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]
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.
How will we know the design is working?
| Metric | What It Measures | Target | How 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).
# 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`
Present the strategy section by section. Confirm alignment before proceeding to design plans.
| Flag | Response | |------|----------| | Principles that nobody could disagree with ("Make it easy to use") | Rewrite. If everyone agrees, it is not guiding decisions | | No accessibility principle | Add one. Inclusive design is a strategic advantage, not a compliance checkbox | | Strategy without constraints | Every strategy involves trade-offs. Name them explicitly |
An agent design team you control. 10 agents that run an inclusive design process while you direct. The system notices how you design and reflects it back. Designpowers is an open, model-agnostic design workflow that gives you a team of 10 design agents.
Use when writing or structuring any user-facing content — interface copy, labels, error messages, help text, headings, alt text,…
Use when designing for user preferences — motion sensitivity, contrast needs, colour schemes, text sizing, information density,…
Use when evaluating mental load, wayfinding, focus management, memory demands, or decision complexity in any interface — ensures…
Use when a design direction is uncertain, when the team could go multiple ways, or when the user wants to see competing…
Use when critique or review produces deferred findings, when checking accumulated design compromises, or when deciding what to…
You MUST use this before any creative or design work — building features, creating components, designing interfaces, modifying…