skills.rest
zmsqnfl-commits
zmsqnfl-commitsCOMMUNITY
Explore all skills by this author →
GitHub

designer

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

1|Updated Jun 3, 2026
Search Tags:#design#rbac#figma#tokens#design-system#abac#ui-prototype
One-click install
npx skills add https://github.com/zmsqnfl-commits/quintpact-vas --skill designer-zmsqnfl-commits
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
sonle0311sonle0311

ckm:design-system

Manage design token architecture and generate CSS variables from JSON files.

Community
Advanced
johnlindquistjohnlindquist
24

figma

Extract design tokens, components, and styles from Figma files.

Community
Intermediate
2nth-ai2nth-ai
1

tech/design

Provide design tools and principles for UI and product design.

Official
Advanced
NagyViktNagyVikt
2

figma-generate-design

Generate and synchronize Figma screens from source code UI structures.

Community
Advanced