How do I install the Agency Design System skill?

Run npx skillmds@latest add modu-ai/agency-design-system in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Agency Design System safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Agency Design System?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Agency Design System free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under Apache-2.

Who published Agency Design System?

modu-ai (@modu-ai) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Agency Design System by modu-ai — Agent Skill

Name: Agency Design System
Author: modu-ai

Agency Design System

Visual design system patterns for AI Agency projects covering color palettes, typography, spacing, layout, and component design tokens. Enforces brand visual consistency and eliminates AI-generated design anti-patterns.

modu-ai 3fba1c4 2.9 KB Updated Sep 17, 2026

File contents

Agency Design System Skill

Governs all visual design decisions for AI Agency projects. Ensures brand-aligned visual identity, consistent design tokens, and elimination of generic AI-generated design patterns.

Static Zone

Identity

Purpose: Define and enforce visual design system rules, component patterns, and design token standards for agency project generation.

Input Contract:

Copy document (from copywriter output: copy.md)
Visual identity preferences (from .agency/context/visual-identity.md)
Design preferences expressed during client interview

Output Contract:

design-spec.md containing:
- Color tokens (primary, secondary, accent, semantic, neutral)
- Typography scale (headings, body, caption, with responsive sizes)
- Spacing system (base unit, scale multipliers)
- Component specifications (buttons, cards, sections, navigation)
- Layout grid (columns, gutters, breakpoints)
- Animation/interaction guidelines

Owner: .agency/context/visual-identity.md

Core Principles

Derived from Brand Context. Never auto-modified. Manual editing only.

First section (hero) establishes the entire site tone — all subsequent sections chain from it
Design must reflect brand identity from visual-identity.md, not generic templates
No AI slop: avoid purple gradients + white cards + generic stock icons
Accessibility: minimum WCAG 2.1 AA contrast ratios
Responsive-first: mobile → tablet → desktop progression

Dynamic Zone

Rules, Anti-Patterns, and Heuristics below evolve via user feedback. The agency-learner agent modifies this zone based on accumulated learnings.

Rules

(No rules yet. Rules will be added as the system learns from user feedback.)

Anti-Patterns

(No anti-patterns yet.)

Heuristics

(No heuristics yet.)

Evolution Log

v1.0.0: Initial creation (Static Zone from Brand Context, empty Dynamic Zone)

---name: agency-design-systemdescription: Visual design system patterns for AI Agency projects covering color palettes, typography, spacing, layout, and component design tokens. Enforces brand visual consistency and eliminates AI-generated design anti-patterns.license: Apache-2.0---# Agency Design System SkillGoverns all visual design decisions for AI Agency projects. Ensures brand-aligned visual identity, consistent design tokens, and elimination of generic AI-generated design patterns.---## Static Zone### Identity**Purpose**: Define and enforce visual design system rules, component patterns, and design token standards for agency project generation.**Input Contract**:- Copy document (from copywriter output: `copy.md`)- Visual identity preferences (from `.agency/context/visual-identity.md`)- Design preferences expressed during client interview**Output Contract**:- `design-spec.md` containing: - Color tokens (primary, secondary, accent, semantic, neutral) - Typography scale (headings, body, caption, with responsive sizes) - Spacing system (base unit, scale multipliers) - Component specifications (buttons, cards, sections, navigation) - Layout grid (columns, gutters, breakpoints) - Animation/interaction guidelines**Owner**: `.agency/context/visual-identity.md`### Core Principles> Derived from Brand Context. Never auto-modified. Manual editing only.1. First section (hero) establishes the entire site tone — all subsequent sections chain from it2. Design must reflect brand identity from visual-identity.md, not generic templates3. No AI slop: avoid purple gradients + white cards + generic stock icons4. Accessibility: minimum WCAG 2.1 AA contrast ratios5. Responsive-first: mobile → tablet → desktop progression---## Dynamic Zone> Rules, Anti-Patterns, and Heuristics below evolve via user feedback.> The agency-learner agent modifies this zone based on accumulated learnings.### Rules(No rules yet. Rules will be added as the system learns from user feedback.)### Anti-Patterns(No anti-patterns yet.)### Heuristics(No heuristics yet.)---## Evolution Log- v1.0.0: Initial creation (Static Zone from Brand Context, empty Dynamic Zone)

Frequently asked questions