·implementing-figma-designs
*

implementing-figma-designs

onekeyhq/app-monorepo

OneKey 컴포넌트 라이브러리를 사용하여 Figma 디자인을 1:1로 구현합니다. Figma에서 UI를 구현하거나, 디자인을 코드로 변환하거나, 디자인 사양에서 페이지/구성 요소를 구축할 때 사용합니다. figma, 디자인, UI, 还原设计稿, 切图, 页면, 组件, 구현, 버튼, 입력, 배지, 아이콘, 스택, XStack, YStack, 대화 상자, 토스트, 경고, 양식, 선택, 스위치, 체크박스, 라디오, 탭, 팝오버, ActionList, 진행, 스켈레톤, 이미지, 아바타, 배너, 회전 목마, 테이블, 아코디언, ScrollView, ListView, SectionList, 페이지, 구분선, 비어 있음, QRCode, Markdown, Spinner.

30설치·2트렌드·@onekeyhq

설치

$npx skills add https://github.com/onekeyhq/app-monorepo --skill 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, 대화 상자, 토스트, 경고, 양식, 선택, 스위치, 체크박스, 라디오, 탭, 팝오버, ActionList, 진행, 스켈레톤, 이미지, 아바타, 배너, 회전 목마, 테이블, 아코디언, ScrollView, ListView, SectionList, 페이지, 구분선, 비어 있음, 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, 디자인, UI, 还原设计稿, 切图, 页면, 组件, 구현, 버튼, 입력, 배지, 아이콘, 스택, XStack, YStack, 대화 상자, 토스트, 경고, 양식, 선택, 스위치, 체크박스, 라디오, 탭, 팝오버, ActionList, 진행, 스켈레톤, 이미지, 아바타, 배너, 회전 목마, 테이블, 아코디언, ScrollView, ListView, SectionList, 페이지, 구분선, 비어 있음, 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에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/onekeyhq/app-monorepo

상세

카테고리
*크리에이티브
출처
skills.sh
최초 등록
2026-02-01