skills.rest
SakshamKandel
SakshamKandelCOMMUNITY
Explore all skills by this author →
GitHub

design-consultation

Propose an end-to-end design system with tokens, documentation, and a live preview.

Updated Apr 24, 2026
Search Tags:#typography#layout#preview#color#design-system#motion#design-consultation
One-click install
npx skills add https://github.com/SakshamKandel/Salt-Route-Consulting- --skill design-consultation-sakshamkandel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/SakshamKandel/Salt-Route-Consulting-/tree/main/.agents/skills/design-consultation
Command: npx skills add https://github.com/SakshamKandel/Salt-Route-Consulting- --skill design-consultation-sakshamkandel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps product teams crystallize a cohesive design system by understanding the product context, researching the landscape, and proposing a complete system (aesthetic, typography, color, layout, spacing, motion) plus a font+color preview to align stakeholders and speed implementation.

Core Features & Use Cases

  • Proposes an end-to-end design system covering aesthetic direction, typography, color, spacing, layout, and motion.
  • Produces a living preview and a detailed DESIGN.md to guide implementation and design review.
  • Supports plan-mode workflows and provides a structured design-system handoff across project phases.

Quick Start

Generate the complete design-system proposal and a live design preview for your product.

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

You can generate a complete design system by researching the product landscape and context to synthesize aesthetic, typography, color, spacing, layout, and motion decisions. This process outputs a live preview and a DESIGN.md file for implementation.

What is included in a design system handoff for product teams?▼

A design system handoff includes phased decisions for typography, color, spacing, layout, and motion, alongside a live font and color preview. It also provides design tokens and a DESIGN.md file to align stakeholders and speed implementation.

How do I generate design tokens and documentation for a new product?▼

Generate design tokens and documentation by analyzing product context to propose a cohesive design system. This yields a structured DESIGN.md file and a live preview covering typography, color, and layout to guide development.

Can I preview typography and color choices before finalizing a design system?▼

Yes, generating a design system proposal includes producing a living font and color preview. This visual output allows product teams to align on aesthetic choices and typography before finalizing the design tokens.

What is the best way to structure design system decisions for a phased rollout?▼

Structure design system decisions by separating them into aesthetic, typography, color, spacing, layout, and motion phases. This structured handoff approach ensures cohesive synthesis and is documented within a DESIGN.md file.

Related Skills

Explore More Design & Creative Skills→
rkumar261rkumar261
1

design-consultation

Generates a complete system design document with layout, color, and typography specifications.

Community
Advanced
aaronjullger-lgtmaaronjullger-lgtm

aidesigner-frontend

Convert AIDesigner artifacts into repo-native frontend implementations.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
rwHiveAquarwHiveAqua

design-advisor

Translate brand strategy into visual identity assets with typography, color, and layout specs.

Community
Basic