用途：该技能用于把组件规范渲染为目标前端框架的组件代码，覆盖 React+Tailwind、Next.js、SwiftUI，以及 Vue、Svelte、Angular、Solid、Web Components(Lit)、React Native、Flutter、Jetpack Compose、vanilla CSS、CSS-in-JS 等适配器。
使用方式：先确认令牌套件是否安装，命令为 ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING；若为 KIT_MISSING，说明只装了技能目录（即 npx skills add 的情况），应提示用户使用 npx ux-ui-agent-skills init 或插件安装，然后停止，不得猜测无法打开的文件内容。随后从请求中确定目标框架与样式方式（或询问），读取 frameworks/adapter-protocol.md 通用契约，再加载具体适配器；无对应适配器文件时按协议的新适配器清单现场编写。组件规范取自 components/，ARIA 模式取自 accessibility/aria-patterns.md，取值解析到 tokens/.json。
主要能力与约束：必须使用令牌而非硬编码；交互元素都带无障碍属性；覆盖适用状态；暗色模式在语义层切换；移动优先；尊重减少动效；交付完整文件、无占位符。验证包括用 lint_hardcodes.py 与 validate_theme_refs.py 检查硬编码与令牌引用，检查 Default、Hover、Focus、Active、Disabled、Loading、Error、Selected 等状态，用 contrast.py 校验对比度，并运行 verify_states.mjs（含 --dark）与 accuracy_report.mjs 后如实报告输出。
限制：未提供收费、价格、平台与效果信息。