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

gstack-design-consultation

Generate a complete design system and write DESIGN.md from product context.

Updated Aug 27, 2026
Search Tags:#typography#documentation#design system#ui/ux#color palette#brand guidelines#motion
One-click install
npx skills add https://github.com/tayiorbeii/paperclip-factory-kit --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/tree/main/skills/gstack-design-consultation
Command: npx skills add https://github.com/tayiorbeii/paperclip-factory-kit --skill gstack-design-consultation-tayiorbeii

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of turning a product idea or existing site into a consistent, shippable design system and a single source of truth for UI decisions.

Core Features & Use Cases

  • Design system discovery and synthesis: Ingests any existing DESIGN.md plus prior project design decisions and brand-related notes to infer what to build next.
  • Landscape research and proposal: Researches the UI/design landscape and proposes a full system covering aesthetic direction, typography, color, layout, spacing, and motion principles.
  • Preview artifacts + source of truth: Generates font and color preview pages and writes DESIGN.md as the canonical design system document for the project.

Quick Start

Tell the AI to create your brand design system and generate DESIGN.md for your project starting from your current brief.

Frequently Asked Questions about gstack-design-consultation

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

FAQPage Schema
How do I generate a complete design system from a product brief?▼

To generate a design system from a product brief, the Skill researches the visual landscape and infers typography, color, layout, spacing, and motion rules to produce a consistent UI specification and a canonical DESIGN.md file.

What is a DESIGN.md file used for in UI/UX design?▼

A DESIGN.md file serves as the single source of truth for UI decisions and brand guidelines. It documents typography, color palettes, layout rules, and motion principles to ensure visual consistency across a project.

Can I use an existing design system to guide a website redesign?▼

Yes, for redesigns the Skill ingests any existing DESIGN.md alongside prior project design decisions and brand-related notes to infer and synthesize the next iteration of your UI specification.

How do I create brand guidelines that include typography and color palettes?▼

You create brand guidelines by applying product context to infer aesthetic direction, generating font and color preview pages, and writing a canonical design system document that defines typography, color palettes, layout, and motion principles.

Does generating a design system require existing brand guidelines?▼

No, generating a design system does not require existing brand guidelines. For new projects, the Skill starts directly from your current brief to research the landscape and propose a complete UI specification.

What is the best way to document motion principles and spacing rules for a UI?▼

The best way to document motion principles and spacing rules is to synthesize them into a DESIGN.md file. This acts as the canonical design system source of truth, ensuring all UI components follow consistent layout and motion guidelines.

Related Skills

Explore More Design & Creative Skills→
yashs33244yashs33244
1

design-consultation

Generate a DESIGN.md design system with font and color preview pages.

Community
Advanced
fengjutianfengjutian

stitch-design-taste

Generate DESIGN.md files defining visual and interaction standards for Google Stitch.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
huichenhuichen

design-consultation

Research design needs and generate a DESIGN.md design system source of truth.

Community
Advanced