界面构建技能包

生成精确的静态物体技术图纸，包含连贯视图与精细线条。提供空白页查看器，支持缩放、颜色编辑及 SVG/PNG/PDF 下载。

设置并审查产品中的文本渲染效果，涵盖字体层级、间距、字形特性、换行、截断及标点符号。

审查分支、PR或未提交变更中的界面问题，涵盖无障碍性、布局、文案、排版、色彩及UI设计。

在临时页面中渲染所选组件的所有可达场景，并对其进行压力测试。

为当前组件生成多个变体，辅助迭代对比并选定最终方案。

通过实时 URL 或截图，解析网站、视觉效果或动画的实现原理。

通过精确的圆角、视觉对齐、阴影、图标状态及动画参数，优化项目中的界面表面与动效细节。

整合所有 better-* 技能，对无障碍性、布局、文案、排版、色彩及 UI 细节进行统一审查。

在临时页面中渲染组件的所有状态，支持模拟数据与状态切换器，便于针对每个状态进行开发调试。

协助处理分组、对齐、阅读顺序及响应式结构，预留翻译文本空间，确保布局在缩放、翻译或镜像时依然稳固。

协助项目构建与检查色彩系统，支持生成调色板、命名语义令牌、格式转换及对比度测量。

依据 WCAG 2.2 标准审查并修复键盘导航、ARIA 属性及屏幕阅读器兼容性，提升项目可访问性。

撰写并审查标签、错误提示等界面文案，确保符合产品语调并清晰指引用户操作。

基于 Figma 文件或设计图构建 UI，利用项目现有的 Token 和组件确保还原度。