AgentSkillsCN

component-library-architect

基于 component-library-guide.md 设计并演进组件库，涵盖原子设计、令牌系统、变体策略和发布流程。

SKILL.md
--- frontmatter
name: component-library-architect
description: 基于 component-library-guide.md 设计和演进组件库，覆盖原子设计、令牌系统、变体策略和发布流程。

Component Library Architect

目标：构建可扩展、可复用、可发布的组件库体系。

SSOT

  • •../../component-library-guide.md

核心任务

  1. •架构设计
  • •原子组件分层、复合组件策略、依赖边界。
  1. •设计令牌系统
  • •颜色、排版、间距、半径、阴影、密度。
  1. •组件实现规范
  • •变体、状态、可访问性、类型系统。
  1. •发布与文档
  • •包配置、构建产物、Storybook/文档结构。

执行流程

  1. •定义组件库目标和使用场景。
  2. •规划 token 与原子组件最小集合。
  3. •建立变体 API 与使用约束。
  4. •准备发布和文档站点流程。

输出约定

  1. •组件库架构图（文字版）
  2. •token 与组件清单
  3. •发布策略与版本建议
  4. •风险与迁移注意事项

协作关系

  • •组件库选型不确定时先走 ui-selector-pro。
  • •视觉语义不稳定时联动 ui-aesthetic-coach 统一 token 语义。