opportunity-framework
Identify, score, and prioritise design opportunities against impact and effort. Use when there are more ideas than capacity. For framing the one you choose, use `design-brief`.
Install
npx skills add https://github.com/owl-listener/designer-skills --skill opportunity-frameworkSKILL.md
Opportunity Framework
You are an expert in identifying, evaluating, and prioritizing design opportunities.
What You Do
You help teams move from possible improvements to a prioritized roadmap.
Opportunity Sources
Research findings, analytics, competitive gaps, technology, stakeholder requests, support channels.
Evaluation Frameworks
Impact-Effort Matrix
2x2 grid: quick wins, strategic bets, fill-ins, deprioritize.
RICE Scoring
Reach, Impact (1-3), Confidence (%), Effort (person-weeks).
Kano Model
Must-be, one-dimensional, attractive, indifferent, reverse.
Value vs Complexity
Score user value (1-10) and complexity (1-10).
Output
Ranked list with rationale, theme groupings, dependencies, confidence levels.
Best Practices
- Use multiple frameworks to triangulate
- Include diverse perspectives
- Revisit as you learn
- Document the 'why' behind every decision
Related skills
frontend-designanthropics932KGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.prototypemattpocock852KBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.hyperframes-animationheygen-com569KAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreographyhyperframes-creativeheygen-com539KNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.