skills.rest
muhammadhamad1104
muhammadhamad1104COMMUNITY
Explore all skills by this author →
GitHub

design-consultation

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

Updated Jun 5, 2026
Search Tags:#typography#branding#design system#color scheme#aesthetic design
One-click install
npx skills add https://github.com/muhammadhamad1104/nuevo --skill design-consultation-muhammadhamad1104
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/muhammadhamad1104/nuevo/tree/main/gstack/design-consultation
Command: npx skills add https://github.com/muhammadhamad1104/nuevo --skill design-consultation-muhammadhamad1104

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of designing a complete system, including aesthetic, typography, color, layout, spacing, and motion, providing a font+color preview.

Core Features & Use Cases

  • Design System Creation: Automatically generates a design system based on user input.
  • Aesthetic Proposals: Offers a complete design system proposal that includes aesthetic elements.
  • Font+Color Preview: Provides a visual preview of the proposed font and color scheme.
  • Use Case: When starting a new project with no existing design system, use this Skill to quickly create a comprehensive design proposal.

Quick Start

Use the design-consultation skill to generate a design system for your new project.

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 design system from scratch for a new project?▼

A design system provides standardized typography, color schemes, layout, spacing, and motion guidelines to maintain visual consistency across a project. It serves as a single source of truth for design decisions, ensuring cohesive aesthetic elements throughout new project development and team collaboration.

Can I get a font and color preview before finalizing the design system?▼

Yes, you can get a font and color preview. This Skill generates a comprehensive design system that includes a visual preview of the proposed typography and color scheme, allowing you to evaluate the aesthetic direction and visual hierarchy before committing to the final design tokens.

Does this design system generator include layout and motion guidelines?▼

Yes, the design system generator includes layout and motion guidelines. It produces a comprehensive proposal covering aesthetic elements, typography, color schemes, spacing rules, and motion specifications, ensuring all visual and interactive aspects of your design system are addressed from the start.

What's the best way to establish a branding aesthetic for a new application?▼

The best way to establish a branding aesthetic is by generating a comprehensive design system that defines typography, color schemes, and layout rules. This Skill creates a complete aesthetic proposal, ensuring your new application maintains consistent visual identity and design standards across all interfaces.

Related Skills

Explore More Design & Creative Skills→
santychuycomsantychuycom

teach-impeccable

Gather design context from code and user input into CLAUDE.md.

Official
Intermediate
DeliciousHouseDeliciousHouse
2

frontend-design

Design and implement React components, web layouts, dashboards, and landing pages.

Community
Advanced
HemanthTennetiHemanthTenneti

normalize

Normalize frontend UI components to match design system standards and tokens.

Community
Intermediate
guideopsguideops

premium

Creates Apple-inspired design systems with typography, color palette, and spacing scales.

Community
Advanced