skills.rest
KrismithReddy12
KrismithReddy12COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Architect comprehensive design systems with structured tokens and DESIGN.md documentation.

Updated Jul 29, 2026
Search Tags:#typography#design#branding#ui#design-system#mockups
One-click install
npx skills add https://github.com/KrismithReddy12/gstack --skill design-consultation-krismithreddy12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/KrismithReddy12/gstack/tree/main/design-consultation
Command: npx skills add https://github.com/KrismithReddy12/gstack --skill design-consultation-krismithreddy12

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill solves the "AI slop" problem in product design by moving beyond generic UI patterns to create a cohesive, intentional design system tailored to your specific product's identity and goals.

Core Features & Use Cases

  • Systematic Design Proposal: Generates a complete design system including aesthetic, typography, color, layout, spacing, and motion.
  • Visual Previewing: Creates realistic AI-rendered mockups and interactive comparison boards to validate design directions before implementation.
  • Design Documentation: Automatically authors a comprehensive DESIGN.md file that serves as the source of truth for all future UI development.

Quick Start

Invoke the design-consultation skill to research your product landscape and propose a complete design system for your new project.

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 a new product?▼

To create a coherent design system, synthesize product context with typography, color, layout, and motion research. This approach generates structured design tokens and a source-of-truth file to guide all future UI development.

What is the best way to avoid generic UI patterns in product design?▼

Avoid generic UI patterns by architecting an intentional design system tailored to your product identity. This involves generating comprehensive aesthetic, typography, and layout rules rather than applying standard templates.

Can I generate design documentation for my existing UI components?▼

Yes, you can generate design documentation by authoring a comprehensive file that serves as the source of truth. This process automatically documents your design tokens, visual mockups, and layout rules for future reference.

How do design tokens work in a systematic design proposal?▼

Design tokens work by codifying aesthetic decisions like color, spacing, and typography into structured variables. This ensures visual coherence across your product and provides a persistent source of truth for UI development.

Does this approach work for design system refactoring?▼

Yes, this approach works for design system refactoring tasks requiring visual coherence. It synthesizes your existing product context to propose an updated system with new tokens, mockups, and documentation.

Why do I need visual mockups when proposing a design system?▼

Visual mockups are needed to validate design directions before implementation. They provide realistic, AI-rendered previews and interactive comparison boards to ensure the proposed typography and layout meet your goals.

Related Skills

Explore More Design & Creative Skills→
sajalsuhanesajalsuhane

design-consultation

Document a complete design system in DESIGN.md with typography, color, spacing, and motion.

Community
Advanced
daffy0208daffy0208
34

Figma Developer

Convert Figma designs into React components and design tokens.

Community
Intermediate
kimmyxpowkimmyxpow

baseline-ui

Enforce Tailwind defaults and accessible primitives for consistent UI.

Community
Intermediate
Sir-chawakornSir-chawakorn
9

implement-from-design

Translate Figma designs into React and Tailwind CSS components with visual-diff verification.

Community
Advanced