skills.rest
DaviRain-Su
DaviRain-SuCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a design system with typography, colors, layout, spacing, and motion.

Updated Mar 16, 2026
Search Tags:#typography#design system#layout design#color theory#UI/UX design
One-click install
npx skills add https://github.com/DaviRain-Su/sui-zig-rpc-client --skill design-consultation-davirain-su
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/DaviRain-Su/sui-zig-rpc-client/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/DaviRain-Su/sui-zig-rpc-client --skill design-consultation-davirain-su

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating a cohesive and comprehensive design system for your project, ensuring aesthetic consistency, functionality, and scalability.

Core Features & Use Cases

  • Design System Creation: Generates a complete design system, including aesthetics, typography, colors, layout, spacing, and motion.
  • Preview Generation: Provides a visual preview of the proposed design system with font and color combinations.
  • Documentation: Outputs a DESIGN.md file as a source of truth for the design system, including all decisions and rationale.

Quick Start

Use the design-consultation skill to create a design system 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 create a complete design system for a web application?▼

To create a complete design system, you need to define aesthetics, typography, colors, layout, spacing, and motion. This generates a visual preview and a DESIGN.md file to ensure aesthetic consistency and scalability for your UI/UX.

What is the best way to document UI/UX design decisions for developers?▼

Documenting UI/UX design decisions is best done by generating a DESIGN.md file as a source of truth. This records all design system decisions and rationale, ensuring product designers and developers maintain aesthetic consistency.

Can I generate typography and color combinations for a dashboard interface?▼

Yes, you can generate typography and color combinations for a dashboard interface. The process creates a visual preview of the proposed design system, showing how fonts and colors work together for your digital product.

Does this design system creation process work for both product designers and developers?▼

Yes, the design system creation process works for both product designers and developers. It is intended for teams building UI/UX systems for web applications and dashboards, providing a shared visual preview and documentation.

What components are included when building a design system from scratch?▼

When building a design system from scratch, included components are aesthetics, typography, colors, layout, spacing, and motion. These elements are combined into a cohesive system and exported as a visual preview and DESIGN.md file.

Why do I need a source of truth file for my digital product's UI design?▼

You need a source of truth file for your UI design to solve the challenge of maintaining aesthetic consistency and scalability. The DESIGN.md file documents all decisions and rationale, ensuring your project remains coherent as it grows.

Related Skills

Explore More Design & Creative Skills→
kireevkit15-syskireevkit15-sys

shape

Run a structured discovery interview and generate a design brief.

Community
Advanced
DeliciousHouseDeliciousHouse
2

frontend-design

Design and implement React components, web layouts, dashboards, and landing pages.

Community
Advanced
qqrusqqrus

ux-designer

Provide UX design guidelines for user research, wireframing, prototyping, and information architecture.

Community
Advanced
Aurora-AIAurora-AI

design-md

Generate a DESIGN.md design system from Stitch project assets.

Community
Intermediate