Tag · 30 guides

Design Systems

Every guide tagged design-systems, sorted by most recent.

Design Systems

What Is a Contextual Interface? (Part 1)

intermediate
Design SystemsClaude

Build Your Design Team's Operating System in a Repo

advanced
Design Systems

Five Patterns for Agentic UI

intermediate
TokensT

Your Tokens Are a Prompt: Semantic Naming for AI UI Builders

intermediate
SkillsCodex

Codex Skills vs Plugins: What Designers Actually Need

beginner
ReviewsCodex

Codex Subagents for Design Review

advanced
Design SystemsCodex

Set Up Codex for Designers

beginner
MCPClaudeMPlaywright

Browser Automation for Design QA

intermediate
Design SystemsClaude

Extended Thinking as a Design System Debugger

advanced
Design SystemsClaude

Few-Shot Examples for Component Naming

intermediate
Design SystemsClaudeFigma

How to Prompt Claude to Audit a Figma Design

advanced
Design Systems

Building the Agentic Operating Model (Part 5)

advanced
Design Systems

The Self-Healing Flywheel (Part 4)

advanced
Design Systems

Observer Mode: Learning Before Acting (Part 3)

advanced
Design SystemsGitHubT

5 GitHub Actions Every Designer Should Automate

beginner
Claude CodeClaude

Advanced Claude Code for Designers (Module 7)

advanced
Claude CodeClaude

CLAUDE.md: Teaching Claude Your Design System

intermediate
Design SystemsGitHubT

Automate the Boring Parts of Your Design System

beginner
PracticeClaudeGitHub

How to Use GitHub Actions With AI

advanced
Design Systems

Trust Levels: How Agents Earn Autonomy (Part 2)

advanced
AI DesignClaudeCursorCodex

The Taste Stack: Project Rules, Local Markdown, and Skills

advanced
Claude CodeClaude

Build a Component Audit Skill for Claude Code

intermediate
Claude CodeClaudeT

Build a Token Naming Audit Skill for Claude Code

intermediate
Claude CodeClaudeFigmaT

Build a Token Parity Check Skill for Claude Code

intermediate
Design SystemsM

What Is an Agentic Design System? (Part 1)

advanced
Design SystemsClaudeCursorCodex

Audit a Design System in 30 Minutes

advanced
Claude CodeClaude

Claude Skills vs Cowork: What's the Difference?

intermediate
TokensFigmaT

Design Token Naming: 7 Systems Compared

intermediate
Design SystemsCursorPlaywright

Automate Browser Testing Without Writing Code

intermediate
FigmaClaudeFigma

Audit 500 Components in 10 Minutes

beginner
All guides

Weekly newsletter

Get the weekly DSG newsletter.

One practical guide each week: prompts, Codex and Claude notes, design-system automation, and tools worth trying.

Subscribe on Substack
Opens Substack. Unsubscribe anytime.