skills.rest
anishs1207
anishs1207COMMUNITY
Explore all skills by this author →
Website𝕏@anishs1207GitHub

design-consultation

Generate a design system blueprint and DESIGN.md with typography, color, layout, spacing, and motion guidelines.

1|Updated Mar 1, 2026
Search Tags:#typography#design#branding#layout#color#design-system#motion
One-click install
npx skills add https://github.com/anishs1207/agentic-cli --skill design-consultation-anishs1207
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/anishs1207/agentic-cli/tree/main/.agents/skills/gstack-design-consultation
Command: npx skills add https://github.com/anishs1207/agentic-cli --skill design-consultation-anishs1207

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plans and delivers a complete design system blueprint and DESIGN.md from your product context. It helps you align typography, color, layout, spacing, and motion across your product and generate a single source of truth.

Core Features & Use Cases

  • Understands product goals to craft a cohesive design system.
  • Generates typography, color, layout, spacing, and motion guidelines and outputs DESIGN.md.
  • Suitable for new products or redesigns across web apps, dashboards, marketing sites, and internal tools.

Quick Start

Share your product context and I will draft a complete DESIGN.md with typography, color, layout, spacing, and motion guidelines.

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 from product context?▼

To generate a design system, provide your product context and goals to receive a complete blueprint covering typography, color, layout, spacing, and motion guidelines formatted as a DESIGN.md file.

What should a DESIGN.md include for a web app redesign?▼

A DESIGN.md for a web app redesign should include cohesive typography, color, layout, spacing, and motion guidelines that align with your product goals and serve as a single source of truth.

Can I create design system guidelines for internal tools and dashboards?▼

Yes, you can create design system guidelines for internal tools and dashboards by sharing your specific product context to generate tailored typography, color, layout, and motion guidelines.

What's the best way to document branding and layout standards for a new product?▼

The best way to document branding and layout standards is generating a DESIGN.md file that captures your typography, color, spacing, and motion guidelines into a single cohesive source of truth.

How do I align typography and color across multiple product surfaces?▼

You align typography and color across product surfaces by generating a unified design system blueprint that enforces consistent guidelines and outputs them into a single DESIGN.md document.

Does the design system blueprint include motion and spacing guidelines?▼

Yes, the design system blueprint includes motion and spacing guidelines alongside typography, color, and layout rules to deliver a complete and cohesive system for your product.

Related Skills

Explore More Design & Creative Skills→
256javy256javy

design-consultation

Generate a design system blueprint and DESIGN.md with typography, color, layout, spacing, and motion.

Community
Advanced
kanopikanopi
16

responsive-styling

Generate mobile-first CSS/SCSS with WCAG AA accessibility and breakpoints.

Official
Advanced
compozycompozy
2.5k

minimalist-ui

Define and enforce a minimalist UI protocol for typography, color, and layout.

Official
Advanced
fray-cloudfray-cloud

design-consultation

Generate a complete design system and output DESIGN.md as the source of truth.

Community
Advanced