skills.rest
taewook486
taewook486COMMUNITY
Explore all skills by this author →
WebsiteGitHub

agency-design-system

Govern visual design tokens for AI Agency projects.

Updated Mar 25, 2026
Search Tags:#typography#layout#color#design-system#visual-identity#brand-tokens
One-click install
npx skills add https://github.com/taewook486/anki_rag --skill agency-design-system
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: agency-design-system
Source: https://github.com/taewook486/anki_rag/tree/main/.claude/skills/agency-design-system
Command: npx skills add https://github.com/taewook486/anki_rag --skill agency-design-system

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Govern all visual design decisions for AI Agency projects to ensure brand-aligned visual identity and eliminate AI-generated design anti-patterns.

Core Features & Use Cases

  • Color tokens, typography scales, and spacing rules enforce consistent visuals across products and campaigns.
  • Layout grids, component specifications, and design tokens guide rapid, brand-consistent UI development.
  • Use Case: When building dashboards, marketing sites, or client proposals, apply the design system to maintain consistent visuals and accessibility.

Quick Start

Provide your brand identity brief and let the system generate a compliant design specification.

Frequently Asked Questions about agency-design-system

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

FAQPage Schema
How do I maintain a consistent visual identity across AI-generated dashboards and marketing pages?▼

A design system governs visual identity by applying color palettes, typography scales, and spacing rules. It enforces token-based design across dashboards and marketing pages, ensuring brand alignment and eliminating AI-generated design anti-patterns.

What is the best way to generate brand-aligned design tokens for client-facing materials?▼

Generating brand-aligned design tokens requires providing a brand identity brief. The system reads brand context and outputs specifications for color, typography, and layout to guide rapid, brand-consistent UI development for client-facing materials.

Do I need a visual-identity markdown file to use this brand-aligned design system?▼

You need a visual-identity markdown file because the system reads brand context from it to ensure alignment. Supplying this file ensures the generated color tokens, typography scales, and layout grids match your specific brand requirements.

How does a token-based design system enforce accessibility and responsive behavior?▼

Token-based design systems enforce accessibility and responsive behavior by standardizing layout grids and component specifications. They use predefined spacing and typography rules to ensure consistent, accessible visuals across different screen sizes.

Can I apply component design tokens to eliminate inconsistent UI development?▼

You can apply component design tokens to eliminate inconsistent UI development. The system provides layout grids and component specifications that enforce consistent visuals, accessibility, and responsive behavior across all client-facing projects.

Related Skills

Explore More Design & Creative Skills→
dmedina-devdmedina-dev
1

ckm:brand

Synchronize brand guidelines, design tokens, and marketing assets across projects.

Community
Advanced
dev-mirzabicerdev-mirzabicer

frontend-ui-ux

Translate design briefs into production-ready frontend UI components.

Community
Advanced
modu-aimodu-ai
4

moai-domain-brand-design

Extract brand design tokens from visual-identity.md and enforce WCAG 2.1 AA accessibility.

Official
Advanced
mkatoguimkatogui
3

brand-identity-generator

Generate brand identity systems with CSS-ready tokens and brand guidelines.

Community
Advanced