What is a DESIGN.md file?

A DESIGN.md file serves as the project's visual source of truth, documenting constraints like typography, colors, spacing, and layout rules for developers.

Can I use this on existing projects?

Yes, it can infer your current design system using the /avad-plan-design-review command or help you update an existing DESIGN.md file.

How does the 'Safe vs. Risk' proposal work?

The skill proposes 'Safe' choices that match industry conventions and 'Risk' choices that give your product a unique, memorable identity.

Does this skill require external browser tools?

It works best with the 'avad-browse' binary for visual research, but it can also function effectively using WebSearch or its built-in design knowledge.

Avad Design Consultation

Name: Avad Design Consultation
Author: agwacom

byagwacom

0•

Design Tools

Builds comprehensive, opinionated design systems and visual guidelines for new or existing projects within Claude Code.

Avad Design Consultation acts as a senior product designer directly inside your terminal, helping you bridge the gap between code and visual identity. It analyzes your project context, researches industry design trends, and proposes a complete design system including typography, color palettes, spacing, and motion. By generating a source-of-truth DESIGN.md and font/color preview pages, it ensures your project has a professional, coherent aesthetic that balances industry standards with unique creative risks. Whether you are bootstrapping a new app or documenting an existing one, this skill provides the strategic design thinking needed to make your software stand out.

Key Features

01Comprehensive proposals for typography, color, layout, and motion

02Balanced safe vs. risk design strategies to ensure unique visual identity

03Generates a central DESIGN.md as a project-wide source of truth

04Automated competitive design research and landscape analysis

050 GitHub stars

06Creates visual preview pages for fonts and color palettes

Use Cases

01Bootstrapping the visual identity and brand guidelines for a brand-new software project

02Conducting visual research to understand industry design standards in a specific market

03Defining and documenting a design system for an undocumented or legacy codebase

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agwacom/avadbot avad-design-consultation

For use in Claude.ai and ChatGPT

Key Features

01Comprehensive proposals for typography, color, layout, and motion

02Balanced safe vs. risk design strategies to ensure unique visual identity

03Generates a central DESIGN.md as a project-wide source of truth

04Automated competitive design research and landscape analysis

050 GitHub stars

06Creates visual preview pages for fonts and color palettes

Use Cases

01Bootstrapping the visual identity and brand guidelines for a brand-new software project

02Conducting visual research to understand industry design standards in a specific market

03Defining and documenting a design system for an undocumented or legacy codebase