design-solution

0
0
Source

Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches and need to analyze trade-offs, select one, and define decision criteria before planning.

Install

mkdir -p .claude/skills/design-solution && curl -L -o skill.zip "https://mcp.directory/api/skills/download/5763" && unzip -o skill.zip -d .claude/skills/design-solution && rm skill.zip

Installs to .claude/skills/design-solution

About this skill

Design Solution

Converge from multiple options to a single recommended approach.

Position in Workflow

Step 3 of development workflow:

  1. /research - Understand problem and constraints
  2. /brainstorm-solutions - Explore solution space
  3. /design-solution - Converge on a single solution (THIS)
  4. Plan, code, review, ship

Core Principle

Decide deliberately. Evaluate trade-offs, align to constraints, and pick the best fit.

Input

Default: Use the options from the current conversation.

If argument provided:

  • File path: Read the file for brainstorming output
  • GitHub issue number/URL: Fetch with scripts/gh_issue_phase.sh get-issue $ARG

Workflow

1. Reconfirm Context

  • Restate the problem, constraints, and success criteria.
  • Identify any missing information that blocks a decision.

2. Evaluate Options

For each option, assess:

  • Pros: Benefits and what it enables
  • Cons: Risks and complexity
  • Codebase fit: Alignment with existing patterns
  • Effort: Low/Medium/High
  • Reversibility: Easy/Moderate/Hard to change later

3. Decide

  • Rank options against success criteria.
  • Select a recommended option.
  • State conditions that would change the decision.

4. Capture Open Questions

List unknowns that must be resolved before planning.

Output Format

## Solution Decision

### Context Summary
[Brief restatement of problem and key constraints]

### Decision Criteria
[What matters most: performance, time, simplicity, extensibility, etc.]

---

### Option Evaluation

#### Option 1: [Name] - Recommended
[Description]

**Pros:**
- ...

**Cons:**
- ...

**Codebase fit:** [How it aligns with existing patterns]
**Effort:** [Low/Medium/High]
**Reversibility:** [Easy/Moderate/Hard]

#### Option 2: [Name]
[Same structure]

#### Option 3: [Name]
[Same structure]

---

### Recommendation
[Why the recommended option wins, and when you would choose differently]

### Open Questions
[Anything that could change the recommendation]

### Next Step
Ready to plan implementation. Enter Plan Mode or run `/plan`.

GitHub Issue Tracking

If a GitHub issue was provided or is available from prior phases:

Post design decision as a phase comment and set the label:

echo "$DESIGN_SUMMARY" | scripts/gh_issue_phase.sh post-phase $ISSUE design
scripts/gh_issue_phase.sh set-label $ISSUE phase:design

Pass the issue number to the next skill (e.g., /make-plan #42).

Common Mistakes

MistakeFix
Skipping decision criteriaState criteria before evaluating
Over-weighting noveltyPrefer codebase fit and simplicity
Ignoring reversibilityConsider how hard it is to change later
Decision without evidenceCall out unknowns explicitly

What NOT to Do

  • Do NOT re-brainstorm options
  • Do NOT proceed to planning without a chosen option
  • Do NOT hide assumptions or uncertainties
  • Do NOT ignore codebase constraints

You might also like

flutter-development

aj-geddes

Build beautiful cross-platform mobile apps with Flutter and Dart. Covers widgets, state management with Provider/BLoC, navigation, API integration, and material design.

643969

drawio-diagrams-enhanced

jgtolentino

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

591705

ui-ux-pro-max

nextlevelbuilder

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

318398

godot

bfollington

This skill should be used when working on Godot Engine projects. It provides specialized knowledge of Godot's file formats (.gd, .tscn, .tres), architecture patterns (component-based, signal-driven, resource-based), common pitfalls, validation tools, code templates, and CLI workflows. The `godot` command is available for running the game, validating scripts, importing resources, and exporting builds. Use this skill for tasks involving Godot game development, debugging scene/resource files, implementing game systems, or creating new Godot components.

339397

nano-banana-pro

garg-aayush

Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or update images. Also use when user references an existing image file and asks to modify it in any way (e.g., "modify this image", "change the background", "replace X with Y"). Supports both text-to-image generation and image-to-image editing with configurable resolution (1K default, 2K, or 4K for high resolution). DO NOT read the image file first - use this skill directly with the --input-image parameter.

451339

fastapi-templates

wshobson

Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.

304231

Stay ahead of the MCP ecosystem

Get weekly updates on new skills and servers.