Skill · Design

visual-design-foundations

Designmcpdirectory↓ 9

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

Install
$ npx skills add wshobson/agents --skill visual-design-foundations

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.
  • 9 installs reported on mcpdirectory.
  • Published by wshobson — listed by mcpdirectory. Setup details live in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in Design

  • animation-gen — Generate CSS and Framer Motion animations from plain English. Use when you need smooth animations without the
  • design-lab — Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, a
  • enhance-prompt — Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords,
  • pdf-form-filler — Fill PDF forms programmatically with text values and checkboxes.
  • mineru-pdf — Parse PDFs locally (CPU) into Markdown/JSON using MinerU. Assumes MinerU creates per‑doc output folders; suppo
  • fal-image-edit — AI-powered image editing with style transfer and object removal

More from wshobson

  • typescript-advanced-types — Discriminated unions, conditional types, and utility type patterns
  • tailwind-design-system — Design tokens, variants, and component patterns in Tailwind
  • fastapi-templates — Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error ha
  • mobile-ios-design — Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iO

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.