skills.rest
ajsai47
ajsai47COMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Create a complete design system and generate DESIGN.md files.

11|2|Updated Mar 31, 2026
Search Tags:#typography#design system#color palette#brand guidelines#product design#ui design#design consultation
One-click install
npx skills add https://github.com/ajsai47/holyclaude --skill design-consultation-ajsai47
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/ajsai47/holyclaude/tree/main/skills/team/design-consultation
Command: npx skills add https://github.com/ajsai47/holyclaude --skill design-consultation-ajsai47

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Most products lack a unified design system, causing visual inconsistency, slow UI development, and misalignment between designers and developers. Without a DESIGN.md source of truth, teams make ad-hoc styling decisions that accumulate into technical debt and user experience fragmentation.

Core Features & Use Cases

  • Product Understanding & Research: Analyzes your codebase, README, and office-hours output to understand the product, then researches competitive landscapes if requested.
  • Complete Design System Proposal: Generates a cohesive system covering aesthetic direction, typography, color palettes, layout grids, spacing scales, and motion principles.
  • DESIGN.md Generation: Creates a comprehensive DESIGN.md file that serves as the project's single source of truth for all design decisions.
  • Visual Previews: Produces font and color preview pages, and optionally AI-generated mockups if the design binary is available.
  • Conversational Workflow: Operates as a design consultant through dialogue, not a rigid form, allowing iterative refinement at any stage.
  • Use Case: You're building a new SaaS dashboard and need a professional, cohesive look. This skill researches similar products, proposes a design system with specific fonts and colors, and generates DESIGN.md so your team stays aligned.

Quick Start

Use the design-consultation skill to create a complete design system for your new product and generate DESIGN.md.

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 for a new SaaS product?▼

A design system provides a single source of truth for visual decisions, preventing ad-hoc styling that causes UI fragmentation and technical debt. It ensures alignment between designers and developers by documenting typography, color palettes, and layout grids in a shared file.

What is the best way to document brand guidelines and UI design for development teams?▼

Documenting brand guidelines and UI design is best achieved by generating a comprehensive DESIGN.md file that outlines spacing scales, motion principles, and aesthetic direction. This serves as a unified reference that keeps engineering and design teams aligned during product development.

Can I use conversational dialogue to refine a color palette and typography for a digital product?▼

Yes, you can refine a color palette and typography through a conversational workflow that operates as a design consultant rather than a rigid form. This allows iterative refinement of aesthetic direction and layout grids at any stage of the design system creation.

Does a design system need competitive research before defining layout grids and spacing scales?▼

A design system does not strictly require competitive research, but analyzing similar products helps inform layout grids and spacing scales. Researching the competitive landscape provides valuable context for aesthetic direction, ensuring your typography and color choices are professionally aligned.

How do I generate visual preview pages for fonts and colors during product design?▼

To generate visual preview pages for fonts and colors, the design system creation process outputs dedicated preview files alongside the main documentation. If the design binary is available, it can also optionally produce AI-generated mockups to visualize the proposed typography and color palettes.

Related Skills

Explore More Design & Creative Skills→
putrawitamaputrawitama
1

office-hours

Run YC-style office hours to reframe feature requests and generate design docs.

Community
Advanced
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
fengjutianfengjutian

stitch-design-taste

Generate DESIGN.md files defining visual and interaction standards for Google Stitch.

Community
Advanced
Exia-thdExia-thd

ui-designer

Generate WCAG AA-compliant wireframes, design tokens, and component inventories for digital products.

Community
Advanced