用途:在设计、布局与文案定稿后进入“交付模式”,把设计稿转成生产级组件,衔接设计与代码。
主要能力:按原子化架构组织,从令牌到基础组件、复合组件、区块、页面;把颜色、间距、字体、圆角、阴影等规格转成 CSS 自定义属性或 Tailwind 配置;用语义化 HTML 与 Tailwind 工具类实现移动优先的响应式布局;处理图片格式、懒加载与显式宽高;关注 CLS、LCP 与字体加载等性能指标;落实键盘可访问、焦点样式、ARIA 标签、标题层级等无障碍要求。
使用方式:资料未提供具体安装命令或调用步骤,仅说明在设计与文案定稿后激活。交付物包括 React + Tailwind 组件代码、令牌文件、375px/768px/1024px/1440px 响应式验证、无障碍说明与性能说明。
适用场景:落地页、产品 UI、组件库、设计系统。
限制:资料未提供收费、价格、平台支持与效果数据;具体命令与集成方式暂未提供。