design-deck

Community

Showcase side-by-side visual design directions.

Authorlolwierd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Visual design direction decisions often require presenting multiple plausible options and collecting clear choices from stakeholders. This skill solves that by enabling side-by-side visual decks that compare architecture diagrams, UI mockups, and code decisions in a structured, plan-driven flow.

Core Features & Use Cases

  • Load and present three or more visual options per decision point with side-by-side previews (code blocks, mermaid diagrams, HTML mockups, or images).
  • Support plan/PRD-driven flows, slide-based decision points, and optional generate-more to extend options.
  • Use when you need explicit stakeholder alignment on design directions, architecture choices, or UI patterns, and you want a repeatable, review-friendly format.

Quick Start

Generate a design deck containing three directions from the provided plan to illustrate different visual directions and collect user picks.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-deck
Download link: https://github.com/lolwierd/dotfiles/archive/main.zip#design-deck

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.