design-deck
CommunityShowcase 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.