designer

Generate design system token JSON, component specs, and motion guidelines.

1|Updated Jun 3, 2026
Ready to run
npx skills add https://github.com/zmsqnfl-commits/quintpact-vas --skill designer-zmsqnfl-commits
πŸ’¬ Prompt for ChatGPT / Claude Chatβ–Ό
Please help me install this Agent Skill.
Skill: designer
Source: https://github.com/zmsqnfl-commits/quintpact-vas/tree/main/.agents/skills/designer
Command: npx skills add https://github.com/zmsqnfl-commits/quintpact-vas --skill designer-zmsqnfl-commits

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Claude Design 기반으둜 λ””μžμΈ μ‹œμŠ€ν…œκ³Ό UI ν”„λ‘œν† νƒ€μž…μ˜ ꡬ좕 및 일관성 보μž₯을 μžλ™ν™”ν•˜μ—¬ λ””μžμΈ νŒ€μ˜ 생산성과 ν’ˆμ§ˆμ„ λ†’μž…λ‹ˆλ‹€.

Core Features & Use Cases

  • 토큰 섀계와 관리, νƒ€μ΄ν¬κ·Έλž˜ν”Ό, μ»΄ν¬λ„ŒνŠΈ, λͺ¨μ…˜ κ°€μ΄λ“œμ˜ 톡합
  • Figma 연동 및 ν•Έλ“œμ˜€ν”„ λ¬Έμ„œ μƒμ„±μœΌλ‘œ λ””μžμ΄λ„ˆμ™€ 개발자 κ°„ ν˜‘μ—… κ°•ν™”
  • Anti-Slop 원칙 μ€€μˆ˜ 및 λ””μžμΈ μ‹œμŠ€ν…œ μ •μ±… μžλ™ν™”

Quick Start

κ°„λ‹¨ν•œ λΈŒλ¦¬ν•‘μ„ μ œκ³΅ν•˜λ©΄ μ—μ΄μ „νŠΈκ°€ λ””μžμΈ μ‹œμŠ€ν…œ 토큰과 μ»΄ν¬λ„ŒνŠΈ λͺ…μ„Έλ₯Ό μƒμ„±ν•˜κ³  ν•Έλ“œμ˜€ν”„ λ¬Έμ„œλ₯Ό μ‚°μΆœν•©λ‹ˆλ‹€.

Frequently Asked Questions about designer

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

FAQPage Schema
How do I generate design tokens for a UI prototype?β–Ό

To generate design tokens for a UI prototype, provide a simple project briefing to produce structured token JSON, component specs, and typography guidelines for your design system.

What is included in a design system handoff documentation?β–Ό

Design system handoff documentation includes component specs, token JSON, and motion guidelines, ensuring seamless collaboration and integration between designers and engineers across projects.

Can I use this to create Figma integration for component specs?β–Ό

Yes, you can use this to create Figma integration by generating component blueprints and handoff documentation that align your token systems and UI prototypes with Figma workflows.

How do I automate design system guidelines and maintain consistency?β–Ό

Automate design system guidelines by applying Claude Design principles and Anti-Slop rules to generate consistent token systems, typography, and motion guidelines across your UI prototypes.

Does this design system tool support RBAC and ABAC policies?β–Ό

Yes, the design system generation supports RBAC and ABAC policies by integrating these access control models into your component specifications and UI prototype blueprints.

What is the best way to structure design tokens for engineering pipelines?β–Ό

The best way to structure design tokens for engineering pipelines is to output standardized token JSON and component specs that directly feed into your design-engineering handoff process.