skills.rest
Manzueti
ManzuetiCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md file defining a comprehensive design system for software projects.

Updated Jun 4, 2026
Search Tags:#design system#brand guidelines#UI design#DESIGN.md#design consultation
One-click install
npx skills add https://github.com/Manzueti/cyberdart --skill design-consultation-manzueti
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/Manzueti/cyberdart/tree/main/design-consultation
Command: npx skills add https://github.com/Manzueti/cyberdart --skill design-consultation-manzueti

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the need for comprehensive design consultation, providing a structured design system and generating the necessary documentation for your project.

Core Features & Use Cases

  • Complete Design System: Offers a comprehensive design system, including aesthetic, typography, color, layout, spacing, and motion.
  • Font+Color Preview Pages: Generates font and color preview pages to visualize the design system.
  • DESIGN.md Generation: Creates a DESIGN.md file as the project's design source of truth.
  • Use Case: When starting a new project's UI without an existing design system or DESIGN.md, this Skill can be used to proactively propose a design system and guidelines.

Quick Start

Use the design-consultation skill to initiate a design consultation for your project.

Frequently Asked Questions about design-consultation

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

FAQPage Schema
How do I generate a DESIGN.md file for my software project?▼

A design consultation generates a comprehensive design system for software projects and outputs a DESIGN.md file. This file acts as the project's design source of truth, covering aesthetics, typography, color, layout, spacing, and motion guidelines.

How do I create a UI design system from scratch?▼

To create a UI design system from scratch, initiate a design consultation that proposes comprehensive brand guidelines. This process defines typography, color palettes, layout structures, and motion principles, generating font and color preview pages for visualization.

Can I use this design consultation to enhance an existing brand guideline?▼

Yes, design consultation is suitable for enhancing existing brand guidelines. The process evaluates your current design system and proposes improvements to aesthetics, spacing, and layout, updating your DESIGN.md file to reflect the enhanced standards.

Does the design system generation include font and color previews?▼

Yes, design system generation includes font and color preview pages. These pages are created alongside the DESIGN.md file to help you visualize the typography and color palettes proposed during the design consultation process.

What do I need to set up a project's design source of truth?▼

To set up a project's design source of truth, you need an environment supporting Bash, Read, Write, Edit, Glob, Grep, and AskUserQuestion. The consultation uses these capabilities to analyze your project and generate the DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
yonatangrossyonatangross
3

design-system-starter

Generate design tokens, atomic components, and documentation templates for UI systems.

Community
Advanced
viably-labsviably-labs

google-design-md

Lint DESIGN.md and export design tokens to CSS variables or framework formats.

Official
Intermediate
wjyugutouwjyugutou

web-design-guidelines

Automate UI code review against Web Interface Guidelines for accessibility and consistency.

Community
Intermediate
aymenhamoudiiaymenhamoudii

arrange

Diagnose monotonous spacing and weak visual rhythm in UI compositions.

Community
Intermediate