用途：按项目既定格式产出一份完整组件规范，涵盖解剖图、变体表、尺寸表、适用的八种状态、token 映射与无障碍（角色/键盘/屏幕阅读器）说明，并提示通过适配层渲染。
使用方式：先确认组件库是否存在，运行 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING。若为 KIT_MISSING，仅说明只装了技能文件夹，指向 npx ux-ui-agent-skills init 或插件安装后停止，不要猜测无法打开的文件内容。随后读取 .claude/rules/components.md 的 Component Quality Bar 与 Atomic Design，检查组件是否已存在并匹配既有格式，从 accessibility/aria-patterns.md、wcag-checklist.md 取模式与对比度/目标规则，将各值映射到 tokens/*.json。可选快速起手：python3 ${CLAUDE_SKILL_DIR}/../../../scripts/scaffold_component.py "<Name>"。
验证要求：需构建状态夹具，对每个适用状态×变体渲染，并运行真实门禁并报告输出，如 node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_states.mjs <harness> [--dark]、axe_audit.mjs、measure_render.mjs，叠加层/模态另跑 verify_focustrap.mjs，明暗两种模式均需通过。门禁只验证对比度与无障碍，不验证像素，须截图人工检查几何、描边一致性与交互是否真正切换状态。
限制与其他要点：响应式需无横向溢出（verify_responsive.mjs），注意固定宽度、列表内边距、不换行 flex 行、grid minmax 等常见问题；动效需使用 token 化时长与缓动，并兼容 prefers-reduced-motion；图标应引用 lucide 名称而非手绘路径。资料未提供官方收费、价格与平台支持等信息。