skills.rest
borkweb
borkwebCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-consultation

Propose and validate a complete design system for web products.

7|Updated Oct 20, 2025
Search Tags:#typography#accessibility#design system#aesthetic#color theory
One-click install
npx skills add https://github.com/borkweb/skills --skill design-consultation-borkweb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/borkweb/skills/tree/main/skills/gstack/design-consultation
Command: npx skills add https://github.com/borkweb/skills --skill design-consultation-borkweb

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill offers comprehensive design consultation for creating a complete design system, from aesthetic considerations to practical implementation guidelines.

Core Features & Use Cases

  • Design Consultation: Generates a full design system, including aesthetics, typography, color, layout, spacing, and motion.
  • Font and Color Proposals: Recommends typography and color palettes based on the project's context.
  • Dark Mode Strategy: Advises on surface hierarchy, color adjustments, and accessibility requirements for dark mode.
  • Accessibility Considerations: Ensures design meets WCAG standards for contrast, focus indicators, and motion.

Quick Start

Start the design consultation for your 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 complete design system for a web product?▼

A complete design system encompasses aesthetics, typography, color palettes, layout, spacing, and motion. This consultation generates and validates these elements, providing practical implementation guidelines focused on usability and visual coherence.

What's the best way to ensure my typography and color palette meets accessibility standards?▼

Ensuring typography and color meet accessibility standards requires validating contrast and focus indicators against WCAG standards. Recommendations include adjusting color theory choices and surface hierarchy to satisfy these accessibility requirements.

How do I implement dark mode strategy while maintaining visual coherence?▼

Implementing dark mode strategy requires advising on surface hierarchy, color adjustments, and accessibility requirements. It maintains visual coherence by systematically adjusting your color palette and typography for low-light environments.

Do I need to provide project context for a design system consultation?▼

You need to provide project context for a design consultation. The process requires access to your product context to research and propose relevant typography, color palettes, and implementation guidelines tailored to your specific web product.

What is included in a design system consultation?▼

A design system consultation includes product research, aesthetic and typography recommendations, and implementation guidelines. It focuses on usability, accessibility, and visual coherence, potentially using external resources for research.

Related Skills

Explore More Design & Creative Skills→
OzeroHAXOzeroHAX
32

project-standart-prd

Generates a Product Requirements Document with functional and non-functional requirements and testable acceptance criteria.

Community
Intermediate
retz8retz8

frontend-design

Generate frontend interfaces with HTML/CSS, React, Vue, and design systems.

Community
Basic
Archive228Archive228
746

design-system

Apply typography, color, spacing, motion, and hierarchy guidelines to frontend UI design.

Community
Intermediate
etewiahetewiah
635

theme-evaluation

Evaluate theme palettes for WCAG contrast and accessibility compliance.

Community
Advanced