skills.rest
apeejay-education
apeejay-educationOFFICIAL
Explore all skills by this author →
GitHub

design-consultation

Generate a DESIGN.md design system with font and color previews.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creates a cohesive, scalable design language for products by researching the landscape, defining guidelines, and generating a DESIGN.md as the source of truth.

Core Features & Use Cases

  • Proposes a complete design system including aesthetic, typography, color, layout, spacing, and motion.
  • Generates font and color preview pages to test and communicate the system.
  • Produces a DESIGN.md that can be used to guide implementation across teams for new projects or refreshes.

Quick Start

Describe your product context and I will generate a full design system and a preview page.

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 scalable design system for web and mobile interfaces?▼

To create a scalable design system, you research the landscape and generate a DESIGN.md as the source of truth. This guides typography, color, layout, spacing, and motion for web and mobile interfaces.

What is a DESIGN.md file and how does it guide UI implementation?▼

A DESIGN.md file is the central source of truth for a product's design language. It defines guidelines for aesthetics, typography, and color so teams can implement UI consistently across new projects and refreshes.

How do I start a design consultation for a new product or UI refresh?▼

To start a design consultation, describe your product context. The system then generates a full design system covering typography, color, layout, and motion, along with font and color preview pages.

Can I generate font and color previews for my branding and typography guidelines?▼

Yes, you can generate font and color preview pages to test and communicate your branding and typography guidelines. These previews help visualize the design system before full UI implementation.

Does this design consultation tool cover layout, spacing, and motion for mobile apps?▼

Yes, this design consultation covers layout, spacing, and motion for both web and mobile interfaces. It proposes a complete design system to ensure scalable and coherent product development.

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
MinhAnh-CorpMinhAnh-Corp

accessibility-compliance

Implement WCAG 2.2 compliant interfaces and ARIA patterns for UI components.

Official
Intermediate
OpenLaborOpenLabor
4

UI Design

Create accessible web and mobile interfaces with design system guidelines.

Official
Intermediate
ClyptAIClyptAI

design-consultation

Generate a complete design system and DESIGN.md with font and color previews.

Official
Advanced