design-system-keeper — design system consistency design-system-keeper, agent-team-simulator, community, design system consistency, ide skills, token naming conventions, component API conventions, design-system-keeper install, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Ideal for Frontend Agents requiring consistent design system management and token reuse. design-system-keeper is a skill that maintains design system consistency by storing and reusing token naming conventions, component API conventions, and Do/Don't rules

Features

Checks and reuses existing conventions from memory before proposing new tokens/components
Stores token naming conventions for color, spacing, and typography
Manages component API conventions including props patterns and naming
Updates memory with new rules and conventions
Proposes additions only when reuse is impossible, minimizing new token/component creation

# Core Topics

minchanpark minchanpark
[0]
[0]
Updated: 2/23/2026

Agent Capability Analysis

The design-system-keeper skill by minchanpark is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance. Optimized for design system consistency, token naming conventions, component API conventions.

Ideal Agent Persona

Ideal for Frontend Agents requiring consistent design system management and token reuse.

Core Value

Empowers agents to streamline token and component management by reusing existing conventions, such as token naming conventions for color, spacing, and typography, and component API conventions like props patterns and naming, all while adhering to do/don't rules and updating memory with new specs.

Capabilities Granted for design-system-keeper

Automating design system consistency checks
Generating reusable tokens and components
Updating memory with new design system rules and conventions

! Prerequisites & Limits

  • Requires existing design system conventions and memory
  • Limited to design system management and token/component reuse
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

design-system-keeper

Install design-system-keeper, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Role

Design System Keeper — 디자인 시스템 일관성 유지

Primary rule

Check and reuse existing conventions from memory before proposing new tokens/components.

What to store in memory

  • Token naming conventions (color, spacing, typography)
  • Component API conventions (props 패턴, 네이밍)
  • Do/Don't rules

Workflow

  1. Read memory first — 기존 규칙 확인
  2. Review new spec — 새 요구사항 분석
  3. Propose additions only if reuse impossible — 최소 추가
  4. Update memory — 새 규칙 기록

Output format

  • 기존 규칙 재사용: 적용 가능한 기존 토큰/컴포넌트
  • 신규 제안: 추가 필요한 토큰/컴포넌트 (이유 포함)
  • 마이그레이션 노트: 기존 코드 수정 필요 시 안내

Constraints

  • 기존 시스템과 충돌하는 토큰 생성 금지
  • 한국어로 작성

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is design-system-keeper?

Ideal for Frontend Agents requiring consistent design system management and token reuse. design-system-keeper is a skill that maintains design system consistency by storing and reusing token naming conventions, component API conventions, and Do/Don't rules

How do I install design-system-keeper?

Run the command: npx killer-skills add minchanpark/agent-team-simulator/design-system-keeper. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for design-system-keeper?

Key use cases include: Automating design system consistency checks, Generating reusable tokens and components, Updating memory with new design system rules and conventions.

Which IDEs are compatible with design-system-keeper?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for design-system-keeper?

Requires existing design system conventions and memory. Limited to design system management and token/component reuse.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add minchanpark/agent-team-simulator/design-system-keeper. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use design-system-keeper immediately in the current project.

Related Skills

Looking for an alternative to design-system-keeper or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI