implementing-figma-designs

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のトリガー、デザイン、UI、还原设计稿、切图、页面、構成要素、実装、ボタン、入力、バッジ、アイコン、スタック、XStack、YStack、ダイアログ、トースト、アラート、フォーム、セレクト、スイッチ、チェックボックス、ラジオ、タブ、ポップオーバー、アクションリスト、進行状況、スケルトン、画像、アバター、バナー、カルーセル、テーブル、アコーディオン、ScrollView、ListView、SectionList、ページ、ディバイダー、空、QRCode、マークダウン、スピナー。 ソース: onekeyhq/app-monorepo。

原文を見る