Command
Build a portfolio case study end to end — project framing, process narrative, outcomes, and visuals.
Command
Build a portfolio case study end to end — project framing, process narrative, outcomes, and visuals.
Command
Write design rationale for a set of decisions, linking each to user needs, business goals, and principles.
Skill Claude CodeCodex
Craft a portfolio case study with narrative arc, process evidence, and outcomes. Use when telling a project's story to an external audience. For an internal stakeholder deck, use presentation-deck.
Skill Claude CodeCodex
Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals. Use in the conversation itself. For the commercial vocabulary behind it, use business-design (ux-strategy).
Skill Claude CodeCodex
Write rationale connecting decisions to user needs, business goals, and principles. Use when a decision needs defending in writing. For a live conversation, use design-negotiation.
Skill Claude CodeCodex
Create adoption strategy and enablement materials to drive design system usage. Use when the system exists but teams ignore it. For contribution and versioning rules, use design-system-governance (design-systems).
Skill Claude CodeCodex
Audit token usage across a product for coverage, drift, and hard-coded values. Use when tokens exist and you suspect they are being bypassed. For defining tokens in the first place, use design-token (design-systems).
Skill Claude CodeCodex
Structure a design presentation for a specific audience and decision. Use when presenting internally. For a portfolio narrative use case-study; for the written argument use design-rationale.
Skill Claude CodeCodex
Write interface copy — microcopy, error messages, empty states, and CTAs. Use when the words are the deliverable. For content structure and ownership, use content-strategy (ux-strategy).
Plugin Claude Code
Design meaningful interactions with micro-animations, state machines, gestures, error handling, and feedback patterns.
Command
Design a form end to end — structure, decision points, chunking, validation, errors, and completion.
Command
Design a complete interaction flow for a feature or component.
Plugin Claude Code
Design workflow marketplace for Designpowers.
Plugin Claude Code
Design workflow for coding agents: discovery, research, strategy, inclusive design, critique, and handoff — enforced automatically.
Hook Claude Code
Runs when a session starts, running bash ./hooks/session-start. From Owl-Listener/designpowers.
Settings file Claude Code
Agent settings declaring 1 hook event (SessionStart).
Instructions file
Claude Code instructions for Owl-Listener/designpowers, covering designpowers, mandatory: welcome sequence first, skills and agents.
Instructions file Gemini CLI
Gemini CLI instructions for Owl-Listener/designpowers, covering designpowers, mandatory: welcome sequence first, skills, agents and notes for gemini cli.
Agent
Use this agent to review any design output — code, mockups, specifications, or prototypes — for inclusive design compliance. Evaluates against WCAG, COGA, and inclusive design principles. Dispatch after design work and before handoff.
Agent
Use this agent for UX writing, interface copy, labels, error messages, empty states, onboarding text, help text, tooltips, alt text, link text, form instructions, and any words users read in the interface. Writes in plain language with cognitive accessibility built in. Dispatch when interface text needs to be written…
Agent
Use this agent for building production-ready prototypes and implementations from design specs — assembling components into full pages, wiring up interactions, integrating with APIs, setting up project scaffolding, and bridging the gap between design decisions and working software. Dispatch after the design-lead has…
Agent
Use this agent to review design work against the original plan, design brief, and design principles. Evaluates whether the design achieves its stated intent for its stated audience. Dispatch at review checkpoints or before handoff.
Agent
Use this agent for visual design execution — layouts, colour systems, typography, component design, responsive behaviour, interaction patterns, and design system work. Dispatch when the design plan is approved and implementation begins. Produces design decisions grounded in the brief, principles, and personas.
Agent
Use this agent for competitive UX analysis, design benchmarking, user insight synthesis, design pattern research, accessibility audits of competitors, trend analysis, and inclusion-aware research that informs design decisions. Dispatch before the team starts designing, or when design decisions need evidence. Use this…