skills.rest
Scivor
ScivorCOMMUNITY
Explore all skills by this author →
Website𝕏@Scivor_AIGitHub

design-consultation

Analyze project goals and context to define a cohesive design system in DESIGN.md.

Updated Apr 11, 2026
Search Tags:#typography#design#branding#ui#color#design-system
One-click install
npx skills add https://github.com/Scivor/helm --skill design-consultation-scivor
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Scivor/helm/tree/main/skills/gstack/design-consultation
Command: npx skills add https://github.com/Scivor/helm --skill design-consultation-scivor

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design consultation provides a guided, end-to-end process to understand a product, research the landscape, and propose a cohesive design system featuring typography, color, layout, spacing, motion, and a DESIGN.md as the single source of truth.

Core Features & Use Cases

  • Propose a complete design system covering typography, color, spacing, layout, and motion.
  • Generate font and color preview pages and outline a plan for implementing the design system in existing or new sites.
  • Use to bootstrap brand guidelines, UI consistency, and design decisions across teams.

Quick Start

Tell me your product goals and I will propose a complete design system and generate DESIGN.md.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I build a complete design system for a new product?▼

Build a complete design system by analyzing product goals to establish typography, color, spacing, layout, and motion guidelines. This process generates a DESIGN.md file serving as the single source of truth for UI consistency across project components.

What is the best way to create brand guidelines for UI consistency?▼

Create brand guidelines by defining cohesive typography, color palettes, and layout rules based on project context. This generates actionable design decisions and a DESIGN.md document to bootstrap consistent UI implementation across teams.

How do I generate a DESIGN.md file for my project's design decisions?▼

Generate a DESIGN.md file by processing your project goals and context to outline typography, color, spacing, layout, and motion guidelines. It acts as the project's design source of truth in a repeatable format.

Can I use this to propose typography and color guidelines for an existing site?▼

Yes, you can apply this to existing sites requiring design updates. It analyzes your current project context to propose comprehensive typography, color, spacing, layout, and motion guidelines for implementation.

What do I need to provide to bootstrap a design system?▼

Provide your product goals and project context. The consultation uses this input to research the landscape and propose a complete design system, outputting actionable design decisions and a DESIGN.md file.

Does this design consultation generate font and color preview pages?▼

Yes, the design consultation generates font and color preview pages alongside the complete design system. It also outlines a plan for implementing these typography and color guidelines in new or existing sites.

Related Skills

Explore More Design & Creative Skills→
martin-hsu-testmartin-hsu-test
1

design-consultation

Generate a DESIGN.md design system covering typography, color, layout, spacing, and motion.

Community
Advanced
devs6186devs6186

design-consultation

Generate a design system and DESIGN.md for new or existing projects.

Community
Advanced
compozycompozy
2.5k

minimalist-ui

Define and enforce a minimalist UI protocol for typography, color, and layout.

Official
Advanced
daffy0208daffy0208
34

brand-designer

Design cohesive brand identities with SVG logos, color palettes, and typography systems.

Community
Intermediate