skills.rest
robertzengcn
robertzengcnCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Generate a complete design system with DESIGN.md and visual preview assets.

Updated Jul 21, 2025
Search Tags:#typography#design system#color palette#brand guidelines#product design#ui design#design.md
One-click install
npx skills add https://github.com/robertzengcn/aiFetchly --skill design-consultation-robertzengcn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/robertzengcn/aiFetchly/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/robertzengcn/aiFetchly --skill design-consultation-robertzengcn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building a consistent design system for a new product from scratch is time-consuming and leads to inconsistent decisions across teams. This Skill eliminates that overhead by generating a complete, research-backed design system and single source of truth for all design choices, so your team can build a cohesive UI without re-debating basic design rules.

Core Features & Use Cases

  • Full Design System Generation: Researches your product and market landscape to propose a complete design system covering aesthetic direction, typography, color palettes, layout rules, spacing scales, and motion guidelines.
  • Single Source of Truth Creation: Generates a DESIGN.md file that documents all design decisions for your project, ensuring every team member follows the same standards.
  • Visual Design Previews: Creates font and color preview pages to visualize design choices before implementation, reducing rework from mismatched expectations.
  • Use Case: If you are launching a new SaaS product with no existing design system, this Skill will generate a complete DESIGN.md and preview assets so your development team can start building a consistent, on-brand UI immediately.

Quick Start

Use the design-consultation skill to create a complete DESIGN.md and design preview assets for my new fitness app project, using a modern, minimalist aesthetic with green as the primary brand color.

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

Creating a design system from scratch requires defining typography, color palettes, layout, spacing, and motion guidelines. This Skill automates that workflow by generating a research-backed design system and a DESIGN.md file to eliminate UI development guesswork.

What is a DESIGN.md file and why do I need it for UI development?▼

A DESIGN.md file is a single source of truth that documents all design system decisions for your project. It ensures every team member follows the same standards for typography and color, preventing inconsistent UI development and re-debating basic design rules.

How do I generate brand guidelines and color palettes for a SaaS product?▼

Generating brand guidelines and color palettes requires researching your product context to propose an aesthetic direction. This Skill produces research-backed brand guidelines complete with visual preview assets to verify design choices before implementation.

Can I specify a primary brand color and aesthetic for my generated design system?▼

Yes, you can specify aesthetic directions and primary brand colors. When generating your design system, you can provide inputs like a modern, minimalist aesthetic with a specific primary color, and the Skill will tailor the typography and color palette recommendations accordingly.

Does this design system generator work for teams without existing brand guidelines?▼

Yes, this design system generator is built specifically for product teams, designers, and developers launching new projects that lack existing brand guidelines. It establishes the foundational design rules so your team can build a cohesive UI immediately.

Related Skills

Explore More Design & Creative Skills→
ever-worksever-works
21

frontend-design

Generate custom frontend designs with HTML/CSS/JS code.

Official
Advanced
jonkikyjonkiky

design-consultation

Propose a cohesive design system and generate DESIGN.md.

Community
Advanced
ChildoftheVibeChildoftheVibe

minimalist-ui

Generate CSS tokens and layout rules for minimalist bento-grid UI systems.

Community
Advanced
cattboycattboy

design-consultation

Transforms a product brief into a complete design system and brand guidelines with DESIGN.md output.

Community
Advanced