AGENT SKILL
drin-design-system-sync
Workflow for ensuring technical components are in sync with design tokens (colors, fonts, spacing).
- License 许可
- MIT
- 最近更新
- 2026-04-11
- Stars
- ★ 12
- Forks
- 1
01 前言 Front Matter
- name
- drin-design-system-sync
- status
- production
- description
- Workflow for ensuring technical components are in sync with design tokens (colors, fonts, spacing).
03 SKILL.md 正文
Design System Sync
Purpose
To ensure UI consistency and bridge the gap between Figma and the final product code.
Components
- Design Tokens: Pulling latest JSON values from Figma/Penpot.
- Component Audit: Comparing UI components against the designated design system versions.
- Visual Regression: Identifying unexpected visual shifts.
Rules
- No hardcoded colors or spacing; use tokens.
- Every new UI component must be registered in the Design System.
subagents:
- ux-designer
- frontend-dev
04 同仓库更多 Skills
drin-whatsapp-outbound-engine
Specialized workflow for sales and engagement via WhatsApp, focused on speed and intimacy.
★ 12
drin-vector-database-sync
Specialized workflow for managing, syncing, and optimizing data in Vector DBs for RAG systems.
★ 12
drin-ux-interaction-standard
Definition of standards for micro-interactions, animations, and UI feedback states.
★ 12
drin-ux-audit-framework
Heuristic evaluation framework for identifying usability issues in digital products.
★ 12
drin-user-story-generator
Automated generator for well-structured user stories following the INVEST principles.
★ 12
drin-user-feedback-synthesizer
Workflow for aggregating and summarizing user feedback from support tickets, social media, and interviews.
★ 12