·implementing-figma-designs
*

implementing-figma-designs

onekeyhq/app-monorepo

Implementa diseños de Figma 1:1 utilizando la biblioteca de componentes OneKey. Úselo al implementar la interfaz de usuario desde Figma, convertir diseños a código o crear páginas/componentes a partir de especificaciones de diseño. Activadores en figma, diseño, interfaz de usuario, 还原设计稿, 切图, 页面, 组件, implementación, botón, entrada, insignia, icono, pila, XStack, YStack, cuadro de diálogo, brindis, alerta, formulario, seleccionar, cambiar, casilla de verificación, radio, pestañas, ventana emergente, lista de acciones, progreso, esqueleto, imagen, avatar, pancarta, carrusel, tabla, Acordeón, Vista de desplazamiento, Vista de lista, Lista de secciones, Página, Divisor, Vacío, Código QR, Markdown, Spinner.

30Instalaciones·2Tendencia·@onekeyhq

Instalación

$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:

Implementa diseños de Figma 1:1 utilizando la biblioteca de componentes OneKey. Úselo al implementar la interfaz de usuario desde Figma, convertir diseños a código o crear páginas/componentes a partir de especificaciones de diseño. Activadores en figma, diseño, interfaz de usuario, 还原设计稿, 切图, 页面, 组件, implementación, botón, entrada, insignia, icono, pila, XStack, YStack, cuadro de diálogo, brindis, alerta, formulario, seleccionar, cambiar, casilla de verificación, radio, pestañas, ventana emergente, lista de acciones, progreso, esqueleto, imagen, avatar, pancarta, carrusel, tabla, Acordeón, Vista de desplazamiento, Vista de lista, Lista de secciones, Página, Divisor, Vacío, Código QR, Markdown, Spinner. Fuente: onekeyhq/app-monorepo.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es implementing-figma-designs?

Implementa diseños de Figma 1:1 utilizando la biblioteca de componentes OneKey. Úselo al implementar la interfaz de usuario desde Figma, convertir diseños a código o crear páginas/componentes a partir de especificaciones de diseño. Activadores en figma, diseño, interfaz de usuario, 还原设计稿, 切图, 页面, 组件, implementación, botón, entrada, insignia, icono, pila, XStack, YStack, cuadro de diálogo, brindis, alerta, formulario, seleccionar, cambiar, casilla de verificación, radio, pestañas, ventana emergente, lista de acciones, progreso, esqueleto, imagen, avatar, pancarta, carrusel, tabla, Acordeón, Vista de desplazamiento, Vista de lista, Lista de secciones, Página, Divisor, Vacío, Código QR, Markdown, Spinner. Fuente: onekeyhq/app-monorepo.

¿Cómo instalo implementing-figma-designs?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/onekeyhq/app-monorepo --skill implementing-figma-designs Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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