skills.rest
CarbeneAI
CarbeneAICOMMUNITY
Explore all skills by this author →
Website𝕏@CarbeneAIGitHub

design-consultation

Generate a DESIGN.md and preview pages for a product design system.

9|1|Updated Apr 16, 2026
Search Tags:#typography#layout#design-system#design-review#color-palette#design-documentation#visual-research
One-click install
npx skills add https://github.com/CarbeneAI/Forge --skill design-consultation-carbeneai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-consultation
Source: https://github.com/CarbeneAI/Forge/tree/main/.claude/skills/design-consultation
Command: npx skills add https://github.com/CarbeneAI/Forge --skill design-consultation-carbeneai

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams and builders create a coherent, production-ready design system so UI decisions are consistent, defensible, and documented as a single DESIGN.md that becomes the project's source of truth.

Core Features & Use Cases

  • Design synthesis: Proposes a full design system (aesthetic, typography, color, layout, spacing, motion) tailored to product context.
  • Research and audit: Optionally conducts competitive visual research and audits existing sites to infer or update a design system.
  • Deliverables: Generates DESIGN.md, font and color preview pages, a safe/risk breakdown, and actionable guidance for implementation and reviews.
  • Use cases: New project bootstrap, design reviews for existing sites, brand guideline creation, and preparing a coherent handoff to engineers.

Quick Start

Create a complete design system for this project and generate a DESIGN.md in the repository.

Frequently Asked Questions about design-consultation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a design system and documentation for my web app?▼

To generate a design system, this Skill analyzes your repository context to synthesize aesthetic, typography, color, layout, spacing, and motion guidelines, then outputs a single DESIGN.md file as the source of truth.

What is the best way to create a DESIGN.md file for a new project bootstrap?▼

Creating a DESIGN.md involves auditing existing UI or running optional visual research to propose a coherent design system. The Skill synthesizes safe versus risky decisions and outputs the file along with font and color preview pages.

Can I audit my existing dashboard UI to infer a coherent design system?▼

Yes, you can audit existing sites and dashboards. The Skill infers or updates your design system by analyzing repository context and conducting optional browse-based visual research to ensure UI decisions are defensible.

How do I prepare a design handoff to engineers with actionable guidance?▼

To prepare a design handoff, the Skill produces a DESIGN.md plus preview assets that include a safe versus risk breakdown. This provides actionable implementation guidance for engineers and supports design reviews.

Do I need existing brand guidelines to generate a color palette and typography system?▼

No, you do not need existing brand guidelines. The Skill can propose a full design system tailored to your product context, synthesizing a color palette and typography system from optional visual research and repository analysis.

What are the limitations of using automated design documentation for internal tools?▼

Automated design documentation relies on analyzing repository context and optional visual research. It synthesizes safe versus risky decisions, but implementation requires developer review to ensure the generated layout and motion guidelines match your specific internal tool constraints.

Related Skills

Explore More Design & Creative Skills→
deepeshBodhdeepeshBodh
35

analysis-codebase

Analyze codebases to extract tech stack, patterns, and collision risks.

Community
Advanced
CyangZhouCyangZhou
2

Frontend_Design_System

Generate React component libraries from design tokens and UI requirements using Tailwind styling.

Community
Intermediate
ChildoftheVibeChildoftheVibe

minimalist-ui

Generate CSS tokens and layout rules for minimalist bento-grid UI systems.

Community
Advanced
Owl-ListenerOwl-Listener
234

inspiration-scouting

Generate curated inspiration boards with cross-domain references from project briefs.

Community
Intermediate