skills.rest
JacksonZx535
JacksonZx535COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Design and document a complete visual system with typography, color, layout, and motion.

Updated Mar 25, 2026
Search Tags:#design system#visual design#product design#coherence#aesthetic proposal
One-click install
npx skills add https://github.com/JacksonZx535/kingsight --skill design-consultation-jacksonzx535
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/JacksonZx535/kingsight/tree/main/design-consultation
Command: npx skills add https://github.com/JacksonZx535/kingsight --skill design-consultation-jacksonzx535

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of designing cohesive and impactful visual systems for products, streamlining the process from research to implementation.

Core Features & Use Cases

  • Complete Design System Proposal: Offers a comprehensive design system proposal covering aesthetics, typography, color, layout, spacing, and motion.
  • Competitive Research: Conducts visual competitive research to understand existing design trends and opportunities for differentiation.
  • Coherent Proposal: Ensures the design system's coherence and effectiveness, balancing convention and creativity.
  • Design Documentation: Generates DESIGN.md for the project, providing a source of truth for design decisions.
  • Interactive Process: Allows for real-time adjustments and conversations, ensuring the design meets the product's unique needs.

Quick Start

Generate a design consultation for your project by using the design-consultation skill.

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 coherent design system for my product?▼

A complete visual system encompasses aesthetics, typography, color, layout, spacing, and motion. Generating a coherent design system ensures visual consistency while balancing industry conventions with creative differentiation for product impact.

What is the best way to document visual design decisions for a project?▼

Documenting visual design decisions involves generating a comprehensive `DESIGN.md` file. This serves as a single source of truth for typography, color, and layout rules, ensuring project stakeholders maintain visual coherence during implementation.

Can I conduct competitive research for visual design trends?▼

Yes, conducting visual competitive research analyzes existing design trends within your product category. This identifies clear opportunities for aesthetic differentiation, ensuring your visual system stands out while maintaining necessary industry conventions.

Does the design system proposal support real-time adjustments?▼

Yes, the design system proposal supports real-time adjustments through an interactive conversation process. This allows you to iteratively refine aesthetics, typography, and layout to ensure the visual system meets your product's unique requirements.

Related Skills

Explore More Design & Creative Skills→
BatsiraiBatsirai

design-consultation

Generates a DESIGN.md design system blueprint for web apps and dashboards.

Community
Advanced
anonymouswhite07anonymouswhite07

stitch-design-taste

Generate DESIGN.md specifications for Google Stitch from design taste rules.

Community
Advanced
AshesOfTheUndeadAshesOfTheUndead

paper

Standardize UI design with token-based spacing, color palettes, and font scales.

Community
Intermediate
guideopsguideops

colorful

Define color palettes, typography scales, and spacing guidelines for UI design.

Community
Intermediate