implementing-figma-designs
✓使用 OneKey 组件库实现 Figma 1:1 设计。在从 Figma 实现 UI、将设计转换为代码或根据设计规范构建页面/组件时使用。在figma、design、UI、还原设计稿、切图、页面、组件、组件实现、按钮、输入、徽章、图标、堆栈、XStack、YStack、对话框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。
SKILL.md
This skill helps you implement Figma designs 1:1 using the OneKey component library.
When implementing Figma designs, prioritize pixel-perfect UI over data integration:
When you need to use a component, look up its source and demo:
使用 OneKey 组件库实现 Figma 1:1 设计。在从 Figma 实现 UI、将设计转换为代码或根据设计规范构建页面/组件时使用。在figma、design、UI、还原设计稿、切图、页面、组件、组件实现、按钮、输入、徽章、图标、堆栈、XStack、YStack、对话框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。 来源：onekeyhq/app-monorepo。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs- 分类
- *创意媒体
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 implementing-figma-designs？
使用 OneKey 组件库实现 Figma 1:1 设计。在从 Figma 实现 UI、将设计转换为代码或根据设计规范构建页面/组件时使用。在figma、design、UI、还原设计稿、切图、页面、组件、组件实现、按钮、输入、徽章、图标、堆栈、XStack、YStack、对话框、Toast、Alert、Form、Select、Switch、Checkbox、Radio、Tabs、Popover、ActionList、Progress、Skeleton、Image、Avatar、Banner、Carousel、Table、Accordion、ScrollView、ListView、SectionList、Page、Divider、Empty、 QRCode、Markdown、Spinner。 来源：onekeyhq/app-monorepo。
如何安装 implementing-figma-designs？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/onekeyhq/app-monorepo
详情
- 分类
- *创意媒体
- 来源
- skills.sh
- 收录时间
- 2026-02-01