design-consultation

Generate a complete design system and DESIGN.md through guided consultation and competitive research.

107|7|Updated Mar 29, 2026
One-click install
npx skills add https://github.com/no-session/pstack --skill design-consultation-no-session
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/no-session/pstack/tree/main/design-consultation
Command: npx skills add https://github.com/no-session/pstack --skill design-consultation-no-session

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new product's UI without a design system leads to inconsistent, generic-looking interfaces. This Skill acts as a senior design consultant that researches your product space, proposes a coherent design system (aesthetic, typography, color, layout, spacing, motion), and writes DESIGN.md as your project's design source of truth. ## Core Features & Use Cases - Full design system proposal: Proposes aesthetic direction, font stack, color palette with hex values, spacing scale, and motion approach as one coherent package, with explicit SAFE choices and deliberate creative RISKS. - Competitive research: Uses WebSearch and an optional headless browse binary to screenshot and analyze top products in your category, then synthesizes table-stakes patterns versus differentiation opportunities. - Preview generation: Creates font and color preview pages, or AI-generated visual mockups with comparison boards when the pstack design binary is available. - Use Case: You are starting a new SaaS dashboard with no brand guidelines. Run the consultation, answer one context question, review the proposed system with safe/risk tradeoffs, approve it, and get a DESIGN.md plus visual previews your whole project can reference. ## Quick Start Ask the assistant to run the design-consultation skill to create a design system and DESIGN.md for your new project.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a design system for a new web app?

Run the design-consultation skill, which asks one context question about your product and audience, optionally researches competitors, then proposes a complete system covering typography, color, layout, spacing, and motion. On approval it writes DESIGN.md as your project's design source of truth.

What does the design consultation research phase do?

It uses WebSearch to find 5-10 products in your category and, if the browse binary is built, captures screenshots and structural snapshots of the top sites. It then synthesizes category table-stakes patterns, current trends, and first-principles opportunities to differentiate.

Can I use this skill if my project already has a DESIGN.md?

Yes, but the skill detects the existing file first and asks whether you want to update it, start fresh, or cancel. For inferring a design system from an existing live site, the documentation recommends using the plan-design-review skill instead.

Does the design consultation require the browse or design binaries?

No, both are optional progressive enhancements. Without browse it falls back to WebSearch and built-in design knowledge; without the design binary it generates an HTML preview page instead of AI mockups. The core consultation and DESIGN.md output always work.

Where are generated design mockups and preview files stored?

All design artifacts, including mockups, comparison boards, and approval state, are saved to ~/.pstack/projects/<slug>/designs/. They are treated as user data that persists across branches and workspaces, never as project-local files.