skills.rest
nicholaslocascio
nicholaslocascioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Generate a complete design system specification in DESIGN.md with governance guidance.

2|Updated Mar 20, 2026
Search Tags:#typography#documentation#color#design-system#motion#design-consultation
One-click install
npx skills add https://github.com/nicholaslocascio/x-claw-studio --skill design-consultation-nicholaslocascio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/nicholaslocascio/x-claw-studio/tree/main/skills/gstack/design-consultation
Command: npx skills add https://github.com/nicholaslocascio/x-claw-studio --skill design-consultation-nicholaslocascio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Solves the problem of inconsistent product design by producing a complete design system specification (DESIGN.md) and governance guidance from gathered context.

Core Features & Use Cases

  • Gather product context and conduct competitive research to inform a cohesive design system.
  • Propose a complete design system including aesthetic, typography, color, spacing, motion, and UI components.
  • Generate DESIGN.md as the project’s design source of truth and update governance notes (CLAUDE.md) to reflect decisions and constraints.
  • Provide a design preview and guidance flow to facilitate stakeholder alignment.

Quick Start

Tell me a complete design system for my project and generate DESIGN.md along with a preview page.

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 cohesive design system specification for inconsistent product design?▼

To create a design system specification, provide product context and aesthetic proposals. The system generates a DESIGN.md file covering typography, color, spacing, and motion, establishing a single source of truth for consistent product design.

What is included in a complete design system for web apps and marketing sites?▼

A complete design system includes aesthetic direction, typography, color palettes, spacing scales, motion strategy, and UI components. These elements are documented within a DESIGN.md file to ensure cohesive web app and marketing site visuals.

How do I document design system governance and constraints for a project?▼

You can document design system governance by generating a DESIGN.md file and updating CLAUDE.md governance notes. This process records design decisions, constraints, and alignment rules to keep future development consistent with the established system.

Can I generate a design system preview to align stakeholders on typography and color?▼

Yes, you can generate a design system preview and guidance flow to facilitate stakeholder alignment. This workflow visualizes proposed typography, color, and motion choices before finalizing the complete design system documentation.

What product context do I need to provide to generate a complete design system?▼

Generating a complete design system requires providing product context, proposals for aesthetic direction, typography and color choices, spacing scales, and motion strategy to accurately inform the final DESIGN.md specification and governance notes.

Related Skills

Explore More Design & Creative Skills→
WillNigriWillNigri
33

design-consultation

Parse product context and generate a structured DESIGN.md design-system blueprint.

Community
Advanced
yashs33244yashs33244
1

design-consultation

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

Community
Advanced
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
guideopsguideops

stitch

Applies predefined color schemes, typography, and spacing to enterprise-level applications.

Community
Advanced