design-consultation

Name: design-consultation
Availability: InStock
Author: limzivector

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

Updated May 28, 2026

Search Tags:#branding #design system #UI design #design tool #design consultation

Ready to run

npx skills add https://github.com/limzivector/SEO --skill design-consultation-limzivector

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/limzivector/SEO/tree/main/gstack/design-consultation
Command: npx skills add https://github.com/limzivector/SEO --skill design-consultation-limzivector

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires gbrain, design-toolkit, image-generator, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the creation of a design system by understanding your product, researching the landscape, and proposing a complete design system with aesthetics, typography, colors, layout, spacing, and motion.

Core Features & Use Cases

Design System Proposal: Proposes a complete design system tailored to the product.
Design System Preview: Generates AI mockups or HTML previews of the proposed design system.
DESIGN.md Generation: Writes a detailed DESIGN.md file containing all design system elements.

Quick Start

Run /design-consultation to start the design consultation process for your project.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate a complete design system with UI typography and color palette?▼

To generate a complete design system, this Skill proposes aesthetics, typography, color palette, layout, spacing, and motion based on your product context. It outputs a comprehensive DESIGN.md document detailing all system elements.

What is the best way to create design system mockups for UI branding?▼

The best way to create design system mockups is by generating AI mockups or HTML previews of the proposed design system. This approach requires tools for AI image generation and web page rendering to visualize the branding.

Can I use HTML previews to visualize my design system proposal?▼

Yes, you can use HTML previews to visualize your design system proposal. The Skill supports creating AI-generated mockups or HTML previews to render the aesthetics, layout, and motion for your product context.

Do I need AI image generation tools to write a comprehensive DESIGN.md document?▼

Yes, you need AI image generation and web page rendering tools to fully utilize this Skill. These dependencies support creating AI-generated mockups and HTML previews alongside writing the comprehensive DESIGN.md document.

How does product context influence the proposed design system aesthetics?▼

Product context influences the design system aesthetics by allowing the Skill to research the landscape and understand your product requirements. This ensures the proposed typography, colors, and layout are tailored to your specific project.

When should I not use AI assistance for design system creation?▼

You should not use AI assistance for design system creation if you lack tools for AI image generation and web page rendering. The Skill requires these dependencies to generate mockups, HTML previews, and the DESIGN.md document effectively.