用途：按 1:1 还原 Figma 设计稿，使用 OneKey 组件库搭建 UI。核心原则是先做界面、后接数据，优先像素级视觉准确，而非数据集成。
主要能力与做法：使用与设计一致的硬编码 mock 数据；跳过 i18n，直接使用设计中的纯字符串，不用 intl.formatMessage；跳过 API 调用，不获取真实数据；专注组件结构、样式、间距、颜色与排版。不要关心数据来源、不添加翻译键（ETranslations）、不创建 API 集成或请求 hooks、不添加复杂状态管理。
组件查找：按需查阅源码与示例。源码路径为 packages/components/src/{category}/{ComponentName}/，分类包括 primitives、forms、actions、composite、content、layouts。示例路径为 packages/kit/src/views/Developer/pages/Gallery/Components/stories/{ComponentName}.tsx，部分示例名称不同（如 AccordionGallery.tsx、NewTabsGallery.tsx）。查找时读取 index.tsx 了解 props 与结构，并用 glob 匹配示例文件。
常用引用：所有导入来自 @onekeyhq/components，例如 import { Button, Stack, XStack, YStack, Icon, ... } from '@onekeyhq/components';。间距令牌：$1=4px、$2=8px、$3=12px、$4=16px、$5=20px、$6=24px、$8=32px、$10=40px。颜色令牌：文本 $text、$textSubdued、$textDisabled；背景 $bg、$bgSubdued、$bgHover、$bgActive；边框 $border、$borderSubdued、$borderActive；图标 $icon、$iconSubdued、$iconDisabled。字号令牌：标题 $headingXxl 至 $headingXs，正文 $bodyLg 至 $bodyXs，中等字重加 Medium 后缀，配合 SizableText 使用。
工作流：用 Figma MCP 分析设计，识别所需组件，按需查阅每个组件的源码与示例，创建与设计一致的 mock 数据，用硬编码值实现 UI。
限制：资料未提供该技能的安装方式、收费、平台支持或效果数据，暂未提供。