skills.rest
limzivector
limzivectorCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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
One-click install
npx skills add https://github.com/limzivector/SEO --skill design-consultation-limzivector
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
antriksh-29antriksh-29

design-consultation

Generates a complete design system and DESIGN.md with preview from product context and landscape research.

Community
Advanced
dmae97dmae97
130

omk-frontend-implementation

Implement frontend UI components from DESIGN.md with existing design tokens.

Community
Intermediate
dfpalhanodfpalhano

opengraph-io

Access web content and generate AI images through the OpenGraph.io API.

Community
Intermediate
greencmgreencm
1

design-consultation

Generate a comprehensive design system with typography, color, layout, and motion.

Community
Advanced