skills.rest
VanL
VanLCOMMUNITY
Explore all skills by this author →
Website𝕏@VanLGitHub

design-consultation

Generate UI/UX design systems and brand guidelines in a DESIGN.md file.

1|Updated Jul 8, 2025
Search Tags:#design#branding#UI#style guide#visual identity
One-click install
npx skills add https://github.com/VanL/weft --skill design-consultation-vanl
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/VanL/weft/tree/main/.agents/skills/gstack/design-consultation
Command: npx skills add https://github.com/VanL/weft --skill design-consultation-vanl

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps product teams craft complete design systems and brand identities, reducing the time spent on research and documentation.

Core Features & Use Cases

  • Design Proposal: Understands product requirements and generates a full design system including aesthetics, typography, color schemes, layouts, spacing, and motion principles.
  • Visual Sketching: Produces font and color preview pages to guide visual branding decisions.
  • Design Documentation: Creates a DESIGN.md file that serves as the authoritative source of the project's visual identity.
  • Use Case: When starting a new website, use this Skill to quickly generate a consistent design language and detailed style guide, streamlining team collaboration.

Quick Start

Ask the AI to develop a complete design system for a new e-commerce platform using specified branding goals.

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 comprehensive UI design system for a new project?▼

To create a UI design system, define your product's branding goals and design principles. This generates a complete visual identity covering typography, color schemes, layouts, spacing, and motion principles to ensure aesthetic consistency.

What is the best way to document brand guidelines for team collaboration?▼

Documenting brand guidelines is best achieved by generating a DESIGN.md file. This serves as the authoritative source for your project's visual identity, detailing aesthetics and typography to streamline team collaboration.

Can I generate visual sketches for color and typography before finalizing the style guide?▼

Yes, you can generate visual sketches during the aesthetic formulation phase. It produces font and color preview pages to guide your visual branding decisions before finalizing the comprehensive style guide.

Do I need prior design principles knowledge to establish a visual identity using this method?▼

Yes, establishing a visual identity requires an understanding of design principles. The process aids in research and documentation but relies on your foundational knowledge to formulate aesthetics and generate accurate design documentation.

How does branding revision work for an existing website?▼

Branding revision for an existing website involves re-evaluating product requirements to formulate a new aesthetic. It updates your visual identity, regenerating typography and color schemes, and overwriting the design documentation.

Related Skills

Explore More Design & Creative Skills→
gvkhoslagvkhosla
8

design-direction-setter

Generate a design-brief.md with typography, color palette, and visual tone.

Community
Intermediate
wangjiawei508wangjiawei508
2

frontend-design

Provide UI design guidelines for monitoring platforms and data dashboards.

Community
Advanced
limzivectorlimzivector

design-consultation

Generate a complete design system proposal and write a DESIGN.md document.

Community
Advanced
TheTesseractAITheTesseractAI

branding-generator

Generates branding concepts with color, typography, voice, and visual mood from user input and competitor analysis.

Community
Advanced