design-consultation

Create visual and interaction design systems with typography, layout, and DESIGN.md documentation.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/BaGyun0107/harness-starterkit --skill design-consultation-bagyun0107
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/BaGyun0107/harness-starterkit/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/BaGyun0107/harness-starterkit --skill design-consultation-bagyun0107

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill helps teams create clear, consistent design systems and brand guidelines from scratch or existing sites, reducing confusion and speeding up UI decisions.

Core Features & Use Cases

  • Complete Design System: Develops aesthetics, typography, colors, layout, and motion for a cohesive visual identity.
  • Design Documentation: Generates a DESIGN.md file to serve as the single source of truth for design choices.
  • Use Case: A startup launching a new app can use this Skill to craft their entire UI style guide and presentation preview pages quickly.

Quick Start

Command the AI to generate a design system for the new mobile app with a modern aesthetic and accessible color palette.

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 visual identity style guide for a new app?

You can create a visual identity style guide by defining aesthetics, typography, colors, layout, and motion for a cohesive UI system. This process establishes consistent interaction design standards and generates a DESIGN.md file as the single source of truth for your branding.

Can I generate UI design documentation from an existing website?

Yes, you can generate UI design documentation from an existing website. The system analyzes your current site to establish design standards, extracting aesthetics and layout details to produce a comprehensive style guide and design source files.

What is included in a comprehensive design system?

A comprehensive design system includes aesthetics, typography, color palettes, layout structures, and motion guidelines. It delivers design source files and preview pages, ensuring a cohesive visual identity that streamlines front-end development.

Does this work for establishing branding standards for a startup?

Yes, this works for establishing branding standards for a startup. Teams can craft an entire UI style guide and presentation preview pages quickly from a new project brief, reducing confusion and speeding up UI decisions.

How do I ensure my design choices are accessible?

You can ensure accessible design choices by commanding the system to generate a design system with a modern aesthetic and an accessible color palette. This establishes inclusive visual identity standards while maintaining cohesive branding.

Why do I need a DESIGN.md file for my design system?

You need a DESIGN.md file to serve as the single source of truth for design choices. It documents your complete design system, reducing team confusion and ensuring consistent application of visual and interaction standards across your project.