skills.rest
reomgit
reomgitCOMMUNITY
Explore all skills by this author →
Website𝕏@reom_visualsGitHub

design-consultation

Generate a product design system with typography, color, layout, and motion in DESIGN.md.

Updated Jun 8, 2026
Search Tags:#design system#UX design#design documentation#UI design#visual preview
One-click install
npx skills add https://github.com/reomgit/appstore-ss-downloader --skill design-consultation-reomgit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/reomgit/appstore-ss-downloader/tree/main/.claude/skills/gstack/design-consultation
Command: npx skills add https://github.com/reomgit/appstore-ss-downloader --skill design-consultation-reomgit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gbrain, gstack, python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of a complete design system for a product, saving time and effort by automating the research, proposal, and preview generation processes.

Core Features & Use Cases

  • Design System Creation: Automatically generates a design system proposal, including aesthetic, typography, color, layout, spacing, and motion.
  • Research Integration: Incorporates product context and research findings into the design proposal.
  • Visual Preview: Generates visual previews of the design system to facilitate user feedback.
  • Documentation: Outputs the complete design system documentation in DESIGN.md format.

Quick Start

Run the design-consultation skill with the command: /design-consultation

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 UI design system automatically?▼

You can create a complete UI design system automatically by running the /design-consultation command, which generates aesthetic, typography, color, layout, spacing, and motion guidelines.

What is the best way to generate design documentation with visual previews?▼

Generating design documentation with visual previews is achieved by using a design consultation tool that outputs guidelines to a DESIGN.md file and renders visual previews for user feedback.

Can I integrate UX research findings into my generated design system?▼

Yes, you can integrate UX research findings into your generated design system. The process incorporates product context and research findings directly into the aesthetic and layout proposals.

Does generating a design system require Python or specific dependencies?▼

Generating a design system using this approach requires Python and utilizes gbrain and gstack dependencies to automate the research, proposal, and visual preview generation processes.

What format is the design system documentation output in?▼

The design system documentation is output in DESIGN.md format, which includes all generated aesthetic, typography, color, layout, spacing, and motion specifications.

How do I get visual previews for my UX design proposal?▼

To get visual previews for your UX design proposal, you can run the automated design consultation process, which generates visual representations specifically to facilitate user feedback.

Related Skills

Explore More Design & Creative Skills→
vibrationalforcevibrationalforce

design-consultation

Research product context and generate a DESIGN.md design system proposal.

Community
Advanced
deomiarndeomiarn

frontend-design

Generate production-grade frontend interfaces from high-level briefs.

Community
Intermediate
thanh-abaiithanh-abaii
34

gs:sync-gbrain

Sync the gbrain repository and refresh CLAUDE.md search guidance.

Community
Intermediate
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic