design-consultation

Generates a complete design system proposal and DESIGN.md through research and consultation.

Updated Mar 16, 2026
One-click install
npx skills add https://github.com/bobbo01/B2BPlatform --skill design-consultation-bobbo01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/bobbo01/B2BPlatform/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/bobbo01/B2BPlatform --skill design-consultation-bobbo01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without a design system leads to inconsistent typography, ad-hoc colors, and layouts that drift apart as the product grows. This Skill acts as a design consultant that researches your product space, proposes a coherent visual system, and writes DESIGN.md as the single source of truth. ## Core Features & Use Cases - Full System Proposal: Proposes aesthetic direction, typography, color palette with hex values, layout, spacing, and motion as one coherent package with explicit safe choices and deliberate creative risks. - Competitive Research: Optionally uses WebSearch and a headless browse binary to screenshot and analyze top products in your category before proposing. - Preview Artifacts: Generates font and color preview pages, or AI mockups and comparison boards when the gstack design binary is available. - Use Case: You are starting a B2B web app with no design guidelines. Run the consultation, answer a few questions about your product and audience, review the proposed palette and type scale, and get a DESIGN.md your whole team codes against. ## Quick Start Ask the assistant to run the design consultation to create a design system and DESIGN.md for this 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 project?

Run the design consultation, which asks about your product, audience, and project type, then proposes a complete system covering typography, color, layout, spacing, and motion. It writes the result to DESIGN.md as your project's design source of truth.

What does the design consultation generate as output?

It produces a DESIGN.md file documenting the full design system, plus a font and color preview page. If the gstack design binary is available, it can also generate AI mockups and comparison boards of the proposed system applied to real screens.

Can it research competitors before proposing a design?

Yes. With your approval it uses WebSearch to find 5-10 products in your space and, if the browse binary is set up, visits top sites to capture screenshots and analyze their fonts, palettes, and layouts before synthesizing findings.

What happens if a DESIGN.md already exists in my project?

The skill detects the existing file during its pre-check phase and asks whether you want to update it, start fresh, or cancel. For inferring a system from an existing site, it points you to the plan-design-review skill instead.

Does the design consultation work without the browse or design binaries?

Yes. Both binaries are optional progressive enhancements. Without browse it relies on WebSearch and built-in design knowledge; without the design binary it falls back to generating an HTML preview page instead of AI mockups.