design-consultation

Identify design goals and generate a complete design system with DESIGN.md and brand-spec.md.

1|Updated Mar 31, 2026
One-click install
npx skills add https://github.com/LaPaGaYo/nexus --skill design-consultation-lapagayo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/LaPaGaYo/nexus/tree/main/skills/support/design-consultation
Command: npx skills add https://github.com/LaPaGaYo/nexus --skill design-consultation-lapagayo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Starts with unclear design direction and inconsistent visuals. This skill understands your product, researches the landscape, and produces a complete design system including aesthetics, typography, color, layout, spacing, and motion. It also generates direction-ready briefs and integrated design context such as DESIGN.md and brand-spec.md when needed. Proactively suggests design-system options when starting a new project with no existing DESIGN.md or brand-spec.md. (Nexus)

Core Features & Use Cases

  • Proposes a full, ready-to-use design system tailored to your product and brand.
  • Generates DESIGN.md and brand-spec.md for named brands requiring frozen asset truth.
  • Delivers direction-ready briefs for UI mockups, prototypes, slides, motion, and infographics.
  • Useful for both new product design and redesign, or when upgrading an existing site's design context.

Quick Start

Provide a direction-ready design brief and generate DESIGN.md to anchor the 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 complete design system for a new product?

To create a complete design system, define your product's design goals to generate integrated context covering aesthetics, typography, color, layout, spacing, and motion. This produces direction-ready briefs for immediate use in UI mockups and prototypes.

What is a direction-ready design brief and when do I need one?

A direction-ready design brief anchors your project by establishing integrated design context. You need one when starting a new project with no existing design documentation, ensuring consistent visuals across UI mockups, slides, and infographics.

Can I generate brand guidelines for an existing website redesign?

Yes, you can generate brand guidelines for a redesign by creating a brand-spec.md file. This provides frozen asset truth and integrated design context to guide implementation and future design updates for named brands.

How do I document typography and color choices for future design updates?

Document typography and color choices by generating a DESIGN.md file. This creates an integrated design context that records your aesthetic decisions, ensuring consistent implementation and guiding future design updates.

Does this approach work for both UI mockups and motion design?

Yes, this design system approach works for both UI mockups and motion design. It delivers direction-ready briefs covering layout, spacing, and motion specifications, providing comprehensive guidance across multiple visual formats.

What's the best way to fix inconsistent visuals across my product?

To fix inconsistent visuals, establish a complete design system that defines typography, color, and layout rules. Generating an integrated design context like DESIGN.md anchors project standards and resolves unclear design direction.