design-consultation

Create a design system and DESIGN.md for digital products.

1|Updated Apr 13, 2026
One-click install
npx skills add https://github.com/a29paul/hexlens --skill design-consultation-a29paul
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/a29paul/hexlens/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/a29paul/hexlens --skill design-consultation-a29paul

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the problem of inconsistent or missing visual identity for digital products by creating a complete, coherent design system from scratch or auditing an existing one.

Core Features & Use Cases

  • Complete Design System: Proposes aesthetic direction, typography, color palette, layout, spacing, and motion principles tailored to your product.
  • Research & Landscape Analysis: Understands your product and researches the competitive landscape to inform design decisions.
  • Design Source of Truth: Generates DESIGN.md and font and color preview pages to serve as the project's definitive design reference.
  • Use Case: Imagine you are building a new SaaS dashboard with no existing brand. Use this Skill to generate a full design system including typography scales, color variables, and spacing rules, then output a DESIGN.md file your entire team can follow.

Quick Start

Use the design-consultation skill to create a complete design system and DESIGN.md for your new product.

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 complete design system for a new SaaS product from scratch?

A design system establishes your digital product's visual identity by defining typography scales, color variables, layout, spacing, and motion principles. It acts as a single source of truth to ensure UI design consistency across an entire project.

Can I audit design consistency on an existing website?

Yes, you can audit design consistency on an existing website by evaluating current typography, color, layout, spacing, and motion. The audit proposes aesthetic direction and generates a DESIGN.md file to align future UI design updates.

What is the best way to document brand guidelines and typography scales?

The best way to document brand guidelines and typography scales is by generating a centralized DESIGN.md file alongside font and color preview pages. This creates a definitive design reference that your entire team can follow for UI design consistency.

Do I need competitive landscape research to establish aesthetic standards?

Competitive landscape research is needed to establish aesthetic standards because it informs your product design decisions. Analyzing competitors helps tailor your color palette, typography, and brand guidelines to stand out in the market.

When should I not use an automated approach for building a style guide?

You should not use an automated approach for building a style guide if your digital product requires highly bespoke motion principles or complex custom typography outside standard UI design parameters, as it focuses on establishing scalable aesthetic standards.