skills.rest
tayiorbeii
tayiorbeiiCOMMUNITY
Explore all skills by this author →
GitHub

gstack-design-consultation

Generates a complete design system and DESIGN.md through guided product consultation.

Updated Jun 24, 2026
Search Tags:#typography#design system#color palette#brand guidelines#ui design#consultation#design.md
One-click install
npx skills add https://github.com/tayiorbeii/paperclip-factory-kit-hermes --skill gstack-design-consultation-tayiorbeii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gstack-design-consultation
Source: https://github.com/tayiorbeii/paperclip-factory-kit-hermes/tree/main/skills/paperclip/gstack-design-consultation
Command: npx skills add https://github.com/tayiorbeii/paperclip-factory-kit-hermes --skill gstack-design-consultation-tayiorbeii

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Starting a new project's UI without an established design system leads to inconsistent typography, color, spacing, and layout decisions. This Skill runs a structured design consultation that understands your product, researches the landscape, and produces a complete design system captured in a DESIGN.md file as your project's design source of truth. ## Core Features & Use Cases - Design System Generation: Proposes a full system covering aesthetic direction, typography, color, layout, spacing, and motion. - Preview Pages: Generates font and color preview pages so you can evaluate choices visually before committing. - DESIGN.md Source of Truth: Writes decisions to DESIGN.md, with context queries that detect existing design files and prior design decisions for the project. - Use Case: When starting a new product's UI with no brand guidelines, invoke the consultation to research the competitive landscape, answer guided questions, and receive a complete design system plus preview pages. ## 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 gstack-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 project?▼

Invoke the design consultation skill, which researches your product landscape, asks guided questions about direction, and proposes a complete system covering typography, color, layout, spacing, and motion. The result is written to DESIGN.md as your design source of truth.

How to generate brand guidelines from scratch with AI?▼

The skill runs a structured consultation that understands your product, researches comparable brands, and produces brand-level decisions on aesthetic, color, and typography. It also generates font and color preview pages so you can review choices visually.

What is DESIGN.md and when should I use it?▼

DESIGN.md is the project's design source of truth created by this skill, capturing all design system decisions. Use this skill for new projects; for existing sites, use the plan-design-review flow to infer the system instead.

Does the design consultation work for existing websites?▼

No, this skill targets new projects with no existing design system. For existing sites, the documentation directs you to use plan-design-review, which infers the design system from what is already built.

Why is the design consultation skill blocked in some environments?▼

The skill requires an AskUserQuestion tool variant to run its guided decision workflow. If no AskUserQuestion variant is available in the host environment, the skill stops and reports BLOCKED rather than auto-deciding.

Related Skills

Explore More Design & Creative Skills→
AlejandroFiginiAlejandroFigini

brainstorming

Guide collaborative brainstorming sessions to identify user needs and project constraints.

Community
Intermediate
CoRLab-TechCoRLab-Tech

pix

Implement UI components from Figma designs with pixel-perfect accuracy.

Official
Advanced
ClyptAIClyptAI

design-consultation

Generate a complete design system and DESIGN.md with font and color previews.

Official
Advanced
tiantangcao1980-webtiantangcao1980-web
4

bootstrap

Create responsive interfaces with Bootstrap 5 components and Sass theming.

Community
Intermediate