Figma Implement Design

Sólido · 86

Indexado en Registry

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Verified installs0

Estrellas25.1K

Versión1.0.0

Calidad100/100 · Excelente

Confianza86/100 · Revisar antes de instalar

Auditoría91/100 · Seguro para probar

Perfil del activo

Agents de programación y desarrollo

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Ver categoría

Escenario

Agents de programación

I need a coding agent that can understand a repository, edit code, and review pull requests.

Afinidad con Agent

Claude Code + OpenAI Agents + Cursor

Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.

Instalar

Listo

npx skills add openai/skills --skill figma-implement-design

Mantenimiento

Activa

1 meses desde el último push

Riesgo

Seguro para probar

Requires access to the intended Figma design and a human visual QA pass.

Calidad de GitHub

25K

100/100 Calidad · 89/100 Confianza

Etiquetas de cobertura

CodingAgents de programaciónDiseño y creatividadagent-skillfigma

Notas de revisión

Requires access to the intended Figma design and a human visual QA pass.

Tarjeta de adopción del Agent

Confianza, auditoría y preparación de instalación de un vistazo

Estas puntuaciones combinan metadatos públicos del repositorio, señales de revisión de OpenAgentSkill, actualidad de mantenimiento y preparación de instalación. Sirven para preseleccionar; no sustituyen la revisión humana.

Calidad

Excelente

100

High-confidence pick with strong adoption and healthy maintenance signals.

Confianza

Revisar antes de instalar

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

Auditoría

Seguro para probar

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Trust Score de OpenAgentSkill v5

Candidata para instalación de Agent

Úsalo como candidato principal tras revisión humana o en sandbox.

CodexClaude CodeCursorOpenAgentSkill CLI

Estrellas

25K estrellas de GitHub

Actividad del repositorio

25K estrellas y 1.7K forks

Mantenimiento

1 meses desde el último push

Licencia

Source terms (see source)

Instalar

npx skills add openai/skills --skill figma-implement-design

Seguridad de instalación

Ruta estándar de paquete o instalación en tiempo de ejecución

Superficie de permisos

No hay superficie de permisos de alto riesgo en los metadatos públicos

Resultados del Agent

Aún no hay datos de resultados del Agent

Documentación

Contexto sólido de README/SKILL.md

Resumen de riesgo

Riesgo de metadatos bajo

Requires access to the intended Figma design and a human visual QA pass.

Preparación de instalación

Ruta de instalación disponible

La ruta de instalación está disponible
La evidencia del repositorio está disponible
La licencia está declarada
Aún no hay evidencia de resultados Agent-Proven

Metadatos legibles por Agent

Datos de decisión legibles por máquina para este skill.

Usa este bloque o el JSON integrado para decidir si un Agent debe instalar este skill, elegir una alternativa o pedir revisión humana primero.

Abrir JSON

Tareas adecuadas

flujos de Diseño y creatividad
Equipos de Claude Code
Equipos que valoran señales de adopción de GitHub
Inspect visual requirements

Agents adecuados

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Decisión de instalación

Comando: npx skills add openai/skills --skill figma-implement-design
Política: Revisar
Revisión humana: Sí

Confianza y riesgo

Confianza: 86/100
Auditoría: 91/100
Nivel de riesgo: Seguro para probar

Ciclo de resultados

Endpoint: /api/agent/outcome
ID del evento: resolve
Resultados: 5

Comando de instalación

npx skills add openai/skills --skill figma-implement-design

Auditoría pública Informe de evaluación API Resolve Traspaso de instalación

No usar cuando

Equipos que necesitan un SLA con soporte del proveedor
production agents without a repository review
Requires access to the intended Figma design and a human visual QA pass.
Production credentials, payments, or irreversible account changes without explicit human review
Sensitive private data before reviewing repository code, license, and permission surface

Skill alternativo

Frontend Design

170.9K Estrellas

npx skills add anthropics/skills --skill frontend-design

Skill alternativo

Taste Skill: Anti-Slop Frontend

79.0K Estrellas

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternativo

Canvas Design

170.9K Estrellas

npx skills add anthropics/skills --skill canvas-design

Skill alternativo

Anthropic Brand Guidelines

170.9K Estrellas

npx skills add anthropics/skills --skill brand-guidelines

Seguridad de Agent v2

79/100 · Revisar antes de instalar

RevisadoRevisar

Buenas señales de auditoría y seguridad, sin indicios de permisos de alto riesgo en los metadatos públicos.

Revise la página de auditoría y permita la instalación de Agent en un flujo aislado.

Resolver con API

Medio

Acceso a red

El skill probablemente consulta páginas remotas, API, repositorios o servicios externos.

Requires access to the intended Figma design and a human visual QA pass.

Destinos de instalación

Instala este skill en tu flujo de Agent

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install figma-implement-design

Plan de resolución de Agent

Deja que un Agent valide el ajuste antes de instalar.

La API Resolve devuelve la skill elegida, alternativas, política de seguridad, notas de auditoría, destino de instalación y un prompt listo para usar.

Abrir plan de texto

Abrir JSON

/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Texto de Resolve

/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Traspaso de instalación

/api/skills/figma-implement-design/install

Agent debe revisar

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copiar prompt

Task: Use Figma Implement Design in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/figma-implement-design/install
Install command: npx skills add openai/skills --skill figma-implement-design
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Traspaso de Agent

Da al Agent la ruta de instalación, no otro directorio.

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

Abrir API de instalación

Traspaso de instalación

/api/skills/figma-implement-design/install

Formato de texto LLM

/api/skills/figma-implement-design/install?format=text

Buscar alternativas

/api/skills/search?q=Figma%20Implement%20Design&limit=3

Prompt de Agent

Use Figma Implement Design for this task. Review https://www.openagentskill.com/api/skills/figma-implement-design/install, then install with: npx skills add openai/skills --skill figma-implement-design

Metadatos del Registry

Perfil legible por Agent para seleccionar skills automáticamente.

La API Registry expone señales de decisión, confianza, auditoría, casos de uso e instalación sin raspar la interfaz.

Abrir Manifest

Manifest

/api/registry/manifest/figma-implement-design

Texto LLM

/api/registry/manifest/figma-implement-design?format=text

Alias de instalación

/api/registry/install/figma-implement-design

Recomendar

/api/registry/recommend?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&limit=3

Afinidad con Agent

100/100

Diseño y creatividad

Etiquetas de uso

Diseño y creatividad Agents de programación GitHub automation

Plataformas

Codex, Claude Code, Cursor, OpenAI Agents

Informe de auditoría

Seguro para probar · 91/100

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Ver informe de auditoría Ver informe de evaluación

Panel de decisión de Agent

Elección principal para Diseño y creatividad

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100

Preparación

Adoptar

Etapa

Rol en la pila

Elección principal

Ajuste principal

Diseño y creatividad

Etiqueta de confianza

Listo para producción

Ruta de instalación

Comando listo

Úsalo cuando

flujos de Diseño y creatividad
Equipos de Claude Code
Equipos que valoran señales de adopción de GitHub

Evidencia

25,103 estrellas de GitHub
recent repository activity
install command or GitHub repo available
perfil de calidad 100/100
135 eventos de interacción de OpenAgentSkill

revisar primero

Requires access to the intended Figma design and a human visual QA pass.

Ruta de implementación

1Instálalo en un Agent de sandbox y ejecuta una tarea de Diseño y creatividad de principio a fin.
2Compare output quality, latency, and failure behavior against at least one alternative.
3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Perfil de confianza

Revisar antes de instalar

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

Trust Score de OpenAgentSkill

Adopción en GitHub

Aprobado

25K estrellas de GitHub

Actividad de stars/forks

Aprobado

25K estrellas y 1.7K forks; la actividad de issues no está disponible en los metadatos actuales

Mantenimiento reciente

Aprobado

1 meses desde el último push

Claridad de licencia

Aprobado

Source terms (see source)

Señales positivas

Ficha verificada manualmente
Revisión de IA aprobada
La ruta de instalación está disponible
La evidencia del repositorio está disponible
Repositorio mantenido recientemente
Large GitHub adoption signal
El comando de instalación no muestra un patrón de alto riesgo evidente
Se detectó actividad de uso de OpenAgentSkill
El ciclo de resultados está listo, pero necesita la primera ejecución real de Agent

Revisar antes de instalar

Requires access to the intended Figma design and a human visual QA pass.
Aún no hay informes reales de resultados del Agent
Se requiere revisión humana antes de una instalación desatendida

Acción recomendada

Úsalo como candidato principal tras revisión humana o en sandbox.

Perfil de calidad

Excelente candidato para flujos de Agent

High-confidence pick with strong adoption and healthy maintenance signals.

100

Estrellas de GitHub

25K

Actualidad

hace 1 meses

Listo para instalar

Sí

Licencia

Source terms (see source)

Revisar antes de instalar: Requires access to the intended Figma design and a human visual QA pass.

Ajuste de flujo

Usa esta skill en estos escenarios

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Manage repositories

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Ajuste de flujo

Añadir a un flujo completo

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Lista de alternativas

Compara antes de instalar

Similar skills that may fit this task.

Comparar todo

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Resumen

A source-verified OpenAI skill for converting Figma specifications and links into production-ready application code. Use it when implementing components or screens against explicit Figma designs. Confirm access to the supplied design and review visual QA before treating a generated implementation as final.

Compatibilidad de plataforma

codexFULL

claude-codeFULL

cursorFULL

Detalles técnicos

Versión: 1.0.0
Licencia: Source terms (see source)
Última actualización: 22 ago 2026
Publicado: 21 jul 2026

Frameworks y herramientas

CodexClaude CodeCursor

Resumen de decisión

Elección principal

100

Listo

Adoptar

Etapa

25,103 estrellas de GitHub

Auditoría

Revisión de instalación

Revisión de instalación y adopción

Seguro para probar

Seguridad: 84/100
Mantenimiento: 88/100
Instalar: 92/100

Abrir auditoría completa Ver informe de evaluación

Evidencia probada por Agent

Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.

Probado

Needs first agent runAuto-instalación: revisar primeroÚltimo: Desconocido

Tasa de éxito: —
Fallo reciente: —
Resultados: 0
Calidad de salida: —
Fallidos: 0
No relevante: 0
Instalaciones: 0
Bloqueado por riesgo: 0
Configuración necesaria: 0
Producción: 0

Aún no hay datos de resultados de Agent. La primera ejecución puede informar éxito, configuración necesaria, bloqueos de riesgo, fallo o irrelevancia mediante /api/agent/outcome.

Ranking probado por Agent Contrato de resultados

Instalar

Añadir al flujo de Agent

Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.

Comparar alternativas Plan de resolución automática Ver en GitHub Documentación

Bucle de crecimiento

Kit para compartir

Borrador basado en un caso para Figma Implement Design, listo para publicar manualmente en X.

Nota del curador

Figma Implement Design: Translate Figma designs into production-ready UI code with close visual fidelity and componen...

25.1K stars

https://www.openagentskill.com/skills/figma-implement-design?ref=x

Abrir borrador de X

Respuesta opcional con comando de instalación

Listing + install path for Figma Implement Design:
https://www.openagentskill.com/skills/figma-implement-design?ref=x

Install: npx skills add openai/skills --skill figma-implement-design

Abrir borrador de respuesta

Fuente de la ficha

Indexado por Registry

Reclamable

Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.

Creador: openai
Fuente: openai/skills
Indexado por: Índice comunitario de OpenAgentSkill

La atribución enlaza al repositorio público o al perfil del creador. Los creadores pueden reclamar la ficha para actualizar las señales de propiedad.

Reclamar este skill

Reclamación del propietario

Reclamar esta ficha de skill

Esta ficha Indexado por Registry se atribuye a openai, pero aún no está marcada como oficial. Reclámala para añadir una señal de propietario verificado y hacer más fiables futuras actualizaciones de lanzamiento, instalación y auditoría.

Kit de enlaces para creadores

Añade las insignias de evidencia a tu README

Muestra la ficha canónica, las señales actuales de confianza y auditoría, y evidencia real de Agent-Proven donde los desarrolladores evalúan el repositorio.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/figma-implement-design?metric=listed&label=Listed)](https://www.openagentskill.com/skills/figma-implement-design)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/figma-implement-design?metric=trust&label=Trust)](https://www.openagentskill.com/skills/figma-implement-design)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/figma-implement-design?metric=audit&label=Audit)](https://www.openagentskill.com/skills/figma-implement-design/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/figma-implement-design?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/figma-implement-design)

Vista previa de insignia Abrir auditoría Kit para creadores

Autor

openai✓

@openai

Etiquetas

agent-skill figma implementation frontend ui component visual-fidelity

Afinidad con plataforma

Claude Code OpenAI Agents Cursor

Señales de salud

Estrellas de GitHub: 25.1K
Puntuación de calidad: 71/100
Último push de GitHub: 14 jul 2026
Pistas del framework: 3
Vistas de OpenAgentSkill: 44
Copias de instalación: 2
Clics externos: 2

Señal de comunidad

Comparte si este skill resulta útil para tu flujo de Agent. Los comentarios agregados mejoran la clasificación con el tiempo.

Confianza y seguridad

Revisar antes de instalar

Adopción en GitHub25K estrellas de GitHubAprobado
Actividad de stars/forks25K estrellas y 1.7K forks; la actividad de issues no está disponible en los metadatos actualesAprobado
Mantenimiento reciente1 meses desde el último pushAprobado
Claridad de licenciaSource terms (see source)Aprobado
Completitud de README/SKILL.mdLos metadatos incluyen suficiente contexto de uso y flujo de trabajoAprobado
Riesgo de dependencias/runtimeNo hay indicios importantes de riesgo de dependencias en los metadatos públicosAprobado

Skills relacionados

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

170.9K Estrellas

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.0K Estrellas

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

170.9K Estrellas

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

170.9K Estrellas

Instalar Ver en GitHub

Figma Implement Design

Sólido · 86

Indexado en Registry

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Verified installs0

Estrellas25.1K

Versión1.0.0

Calidad100/100 · Excelente

Confianza86/100 · Revisar antes de instalar

Auditoría91/100 · Seguro para probar

Perfil del activo

Agents de programación y desarrollo

Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.

Ver categoría

Escenario

Agents de programación

I need a coding agent that can understand a repository, edit code, and review pull requests.

Afinidad con Agent

Claude Code + OpenAI Agents + Cursor

Funciona con Codex, Claude Code, Cursor, CLI o Agents personalizados.

Instalar

Listo

npx skills add openai/skills --skill figma-implement-design

Mantenimiento

Activa

1 meses desde el último push

Riesgo

Seguro para probar

Requires access to the intended Figma design and a human visual QA pass.

Calidad de GitHub

25K

100/100 Calidad · 89/100 Confianza

Etiquetas de cobertura

CodingAgents de programaciónDiseño y creatividadagent-skillfigma

Notas de revisión

Requires access to the intended Figma design and a human visual QA pass.

Tarjeta de adopción del Agent

Confianza, auditoría y preparación de instalación de un vistazo

Calidad

Excelente

100

High-confidence pick with strong adoption and healthy maintenance signals.

Confianza

Revisar antes de instalar

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

Auditoría

Seguro para probar

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Trust Score de OpenAgentSkill v5

Candidata para instalación de Agent

Úsalo como candidato principal tras revisión humana o en sandbox.

CodexClaude CodeCursorOpenAgentSkill CLI

Estrellas

25K estrellas de GitHub

Actividad del repositorio

25K estrellas y 1.7K forks

Mantenimiento

1 meses desde el último push

Licencia

Source terms (see source)

Instalar

npx skills add openai/skills --skill figma-implement-design

Seguridad de instalación

Ruta estándar de paquete o instalación en tiempo de ejecución

Superficie de permisos

No hay superficie de permisos de alto riesgo en los metadatos públicos

Resultados del Agent

Aún no hay datos de resultados del Agent

Documentación

Contexto sólido de README/SKILL.md

Resumen de riesgo

Riesgo de metadatos bajo

Requires access to the intended Figma design and a human visual QA pass.

Preparación de instalación

Ruta de instalación disponible

La ruta de instalación está disponible
La evidencia del repositorio está disponible
La licencia está declarada
Aún no hay evidencia de resultados Agent-Proven

Metadatos legibles por Agent

Datos de decisión legibles por máquina para este skill.

Usa este bloque o el JSON integrado para decidir si un Agent debe instalar este skill, elegir una alternativa o pedir revisión humana primero.

Abrir JSON

Tareas adecuadas

flujos de Diseño y creatividad
Equipos de Claude Code
Equipos que valoran señales de adopción de GitHub
Inspect visual requirements

Agents adecuados

CodexClaude CodeCursorOpenAgentSkill CLIOpenAI AgentsCLI

Decisión de instalación

Comando: npx skills add openai/skills --skill figma-implement-design
Política: Revisar
Revisión humana: Sí

Confianza y riesgo

Confianza: 86/100
Auditoría: 91/100
Nivel de riesgo: Seguro para probar

Ciclo de resultados

Endpoint: /api/agent/outcome
ID del evento: resolve
Resultados: 5

Comando de instalación

npx skills add openai/skills --skill figma-implement-design

Auditoría pública Informe de evaluación API Resolve Traspaso de instalación

No usar cuando

Equipos que necesitan un SLA con soporte del proveedor
production agents without a repository review
Requires access to the intended Figma design and a human visual QA pass.
Production credentials, payments, or irreversible account changes without explicit human review
Sensitive private data before reviewing repository code, license, and permission surface

Skill alternativo

Frontend Design

170.9K Estrellas

npx skills add anthropics/skills --skill frontend-design

Skill alternativo

Taste Skill: Anti-Slop Frontend

79.0K Estrellas

npx skills add Leonxlnx/taste-skill --skill design-taste-frontend

Skill alternativo

Canvas Design

170.9K Estrellas

npx skills add anthropics/skills --skill canvas-design

Skill alternativo

Anthropic Brand Guidelines

170.9K Estrellas

npx skills add anthropics/skills --skill brand-guidelines

Seguridad de Agent v2

79/100 · Revisar antes de instalar

RevisadoRevisar

Buenas señales de auditoría y seguridad, sin indicios de permisos de alto riesgo en los metadatos públicos.

Revise la página de auditoría y permita la instalación de Agent en un flujo aislado.

Resolver con API

Medio

Acceso a red

El skill probablemente consulta páginas remotas, API, repositorios o servicios externos.

Requires access to the intended Figma design and a human visual QA pass.

Destinos de instalación

Instala este skill en tu flujo de Agent

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

skill install

OpenAgentSkill CLI

Resolve policy, run the source installer safely, and report a verified install receipt.

$ npx --yes https://github.com/Leon-Drq/openagentskill/releases/download/cli-v0.2.1/openagentskill-0.2.1.tgz install figma-implement-design

Plan de resolución de Agent

Deja que un Agent valide el ajuste antes de instalar.

La API Resolve devuelve la skill elegida, alternativas, política de seguridad, notas de auditoría, destino de instalación y un prompt listo para usar.

Abrir plan de texto

Abrir JSON

/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium

Texto de Resolve

/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text

Traspaso de instalación

/api/skills/figma-implement-design/install

Agent debe revisar

Task fit and alternatives from Resolve API.
Audit score, trust score, and safety policy warnings.
Install target compatibility for Codex, Claude Code, Cursor, or CLI.

Copiar prompt

Task: Use Figma Implement Design in this workspace.
Resolve first: https://www.openagentskill.com/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Review install handoff: https://www.openagentskill.com/api/skills/figma-implement-design/install
Install command: npx skills add openai/skills --skill figma-implement-design
Before running it, summarize audit warnings, required permissions, and the fallback skill if install is risky.

Traspaso de Agent

Da al Agent la ruta de instalación, no otro directorio.

Usa el endpoint público para obtener el comando, la lista de seguridad, prompts y enlaces canónicos.

Abrir API de instalación

Traspaso de instalación

/api/skills/figma-implement-design/install

Formato de texto LLM

/api/skills/figma-implement-design/install?format=text

Buscar alternativas

/api/skills/search?q=Figma%20Implement%20Design&limit=3

Prompt de Agent

Use Figma Implement Design for this task. Review https://www.openagentskill.com/api/skills/figma-implement-design/install, then install with: npx skills add openai/skills --skill figma-implement-design

Metadatos del Registry

Perfil legible por Agent para seleccionar skills automáticamente.

La API Registry expone señales de decisión, confianza, auditoría, casos de uso e instalación sin raspar la interfaz.

Abrir Manifest

Manifest

/api/registry/manifest/figma-implement-design

Texto LLM

/api/registry/manifest/figma-implement-design?format=text

Alias de instalación

/api/registry/install/figma-implement-design

Recomendar

/api/registry/recommend?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&limit=3

Afinidad con Agent

100/100

Diseño y creatividad

Etiquetas de uso

Diseño y creatividad Agents de programación GitHub automation

Plataformas

Codex, Claude Code, Cursor, OpenAI Agents

Informe de auditoría

Seguro para probar · 91/100

Revisión legible por máquina de la preparación de instalación, los metadatos de seguridad, el mantenimiento y el riesgo de adopción.

Ver informe de auditoría Ver informe de evaluación

Panel de decisión de Agent

Elección principal para Diseño y creatividad

Use this as a leading candidate, then validate the README and install path in your own agent stack.

100

Preparación

Adoptar

Etapa

Rol en la pila

Elección principal

Ajuste principal

Diseño y creatividad

Etiqueta de confianza

Listo para producción

Ruta de instalación

Comando listo

Úsalo cuando

flujos de Diseño y creatividad
Equipos de Claude Code
Equipos que valoran señales de adopción de GitHub

Evidencia

25,103 estrellas de GitHub
recent repository activity
install command or GitHub repo available
perfil de calidad 100/100
135 eventos de interacción de OpenAgentSkill

revisar primero

Requires access to the intended Figma design and a human visual QA pass.

Ruta de implementación

1Instálalo en un Agent de sandbox y ejecuta una tarea de Diseño y creatividad de principio a fin.
2Compare output quality, latency, and failure behavior against at least one alternative.
3Promote it into production only after reviewing repository permissions, license, and maintenance signals.

Perfil de confianza

Revisar antes de instalar

Buena señal para la preselección, pero el Agent debe revisar las notas de auditoría, la política de instalación y la evidencia de resultados antes de ejecutarlo.

Trust Score de OpenAgentSkill

Adopción en GitHub

Aprobado

25K estrellas de GitHub

Actividad de stars/forks

Aprobado

25K estrellas y 1.7K forks; la actividad de issues no está disponible en los metadatos actuales

Mantenimiento reciente

Aprobado

1 meses desde el último push

Claridad de licencia

Aprobado

Source terms (see source)

Señales positivas

Ficha verificada manualmente
Revisión de IA aprobada
La ruta de instalación está disponible
La evidencia del repositorio está disponible
Repositorio mantenido recientemente
Large GitHub adoption signal
El comando de instalación no muestra un patrón de alto riesgo evidente
Se detectó actividad de uso de OpenAgentSkill
El ciclo de resultados está listo, pero necesita la primera ejecución real de Agent

Revisar antes de instalar

Requires access to the intended Figma design and a human visual QA pass.
Aún no hay informes reales de resultados del Agent
Se requiere revisión humana antes de una instalación desatendida

Acción recomendada

Úsalo como candidato principal tras revisión humana o en sandbox.

Perfil de calidad

Excelente candidato para flujos de Agent

High-confidence pick with strong adoption and healthy maintenance signals.

100

Estrellas de GitHub

25K

Actualidad

hace 1 meses

Listo para instalar

Sí

Licencia

Source terms (see source)

Revisar antes de instalar: Requires access to the intended Figma design and a human visual QA pass.

Ajuste de flujo

Usa esta skill en estos escenarios

Create assets

Design and creative

I need my agent to produce design assets, UI directions, presentations, or creative media workflows.

Build and ship code

Coding agents

I need a coding agent that can understand a repository, edit code, and review pull requests.

Manage repositories

GitHub automation

I need my agent to triage GitHub issues, review pull requests, and summarize repository changes.

Ajuste de flujo

Añadir a un flujo completo

Design, build, test, and ship interfaces

Frontend and UI

A practical workflow for agents that turn product briefs or Figma designs into polished frontend code, review the result, test it in a browser, and prepare a safe deployment.

Inspect, patch, and verify code

Coding review agent

A workflow for software agents that inspect repositories, review pull requests, generate tests, and turn findings into shippable patches.

Operate and verify web apps

Browser QA agent

A workflow for agents that navigate products, fill forms, take screenshots, and verify real user flows across web applications.

Lista de alternativas

Compara antes de instalar

Similar skills that may fit this task.

Comparar todo

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

Resumen

Compatibilidad de plataforma

codexFULL

claude-codeFULL

cursorFULL

Detalles técnicos

Versión: 1.0.0
Licencia: Source terms (see source)
Última actualización: 22 ago 2026
Publicado: 21 jul 2026

Frameworks y herramientas

CodexClaude CodeCursor

Resumen de decisión

Elección principal

100

Listo

Adoptar

Etapa

25,103 estrellas de GitHub

Auditoría

Revisión de instalación

Revisión de instalación y adopción

Seguro para probar

Seguridad: 84/100
Mantenimiento: 88/100
Instalar: 92/100

Abrir auditoría completa Ver informe de evaluación

Evidencia probada por Agent

Informes de resultados tras resolver, revisar, instalar y una ejecución limitada.

Probado

Needs first agent runAuto-instalación: revisar primeroÚltimo: Desconocido

Tasa de éxito: —
Fallo reciente: —
Resultados: 0
Calidad de salida: —
Fallidos: 0
No relevante: 0
Instalaciones: 0
Bloqueado por riesgo: 0
Configuración necesaria: 0
Producción: 0

Aún no hay datos de resultados de Agent. La primera ejecución puede informar éxito, configuración necesaria, bloqueos de riesgo, fallo o irrelevancia mediante /api/agent/outcome.

Ranking probado por Agent Contrato de resultados

Instalar

Añadir al flujo de Agent

Gratis y de código abierto. Revisa el informe antes de instalar en Agents de producción.

Comparar alternativas Plan de resolución automática Ver en GitHub Documentación

Bucle de crecimiento

Kit para compartir

Borrador basado en un caso para Figma Implement Design, listo para publicar manualmente en X.

Nota del curador

Figma Implement Design: Translate Figma designs into production-ready UI code with close visual fidelity and componen...

25.1K stars

https://www.openagentskill.com/skills/figma-implement-design?ref=x

Abrir borrador de X

Respuesta opcional con comando de instalación

Listing + install path for Figma Implement Design:
https://www.openagentskill.com/skills/figma-implement-design?ref=x

Install: npx skills add openai/skills --skill figma-implement-design

Abrir borrador de respuesta

Fuente de la ficha

Indexado por Registry

Reclamable

Esta ficha se indexó desde fuentes públicas y no está marcada como oficial hasta que se apruebe una reclamación de mantenedor.

Creador: openai
Fuente: openai/skills
Indexado por: Índice comunitario de OpenAgentSkill

La atribución enlaza al repositorio público o al perfil del creador. Los creadores pueden reclamar la ficha para actualizar las señales de propiedad.

Reclamar este skill

Reclamación del propietario

Reclamar esta ficha de skill

Kit de enlaces para creadores

Añade las insignias de evidencia a tu README

Muestra la ficha canónica, las señales actuales de confianza y auditoría, y evidencia real de Agent-Proven donde los desarrolladores evalúan el repositorio.

[![Listed on OpenAgentSkill](https://www.openagentskill.com/api/badge/figma-implement-design?metric=listed&label=Listed)](https://www.openagentskill.com/skills/figma-implement-design)
[![OpenAgentSkill Trust](https://www.openagentskill.com/api/badge/figma-implement-design?metric=trust&label=Trust)](https://www.openagentskill.com/skills/figma-implement-design)
[![OpenAgentSkill Audit](https://www.openagentskill.com/api/badge/figma-implement-design?metric=audit&label=Audit)](https://www.openagentskill.com/skills/figma-implement-design/audit)
[![Agent Proven](https://www.openagentskill.com/api/badge/figma-implement-design?metric=proven&label=Agent%20Proven)](https://www.openagentskill.com/skills/figma-implement-design)

Vista previa de insignia Abrir auditoría Kit para creadores

Autor

openai✓

@openai

Etiquetas

agent-skill figma implementation frontend ui component visual-fidelity

Afinidad con plataforma

Claude Code OpenAI Agents Cursor

Señales de salud

Estrellas de GitHub: 25.1K
Puntuación de calidad: 71/100
Último push de GitHub: 14 jul 2026
Pistas del framework: 3
Vistas de OpenAgentSkill: 44
Copias de instalación: 2
Clics externos: 2

Señal de comunidad

Comparte si este skill resulta útil para tu flujo de Agent. Los comentarios agregados mejoran la clasificación con el tiempo.

Confianza y seguridad

Revisar antes de instalar

Adopción en GitHub25K estrellas de GitHubAprobado
Actividad de stars/forks25K estrellas y 1.7K forks; la actividad de issues no está disponible en los metadatos actualesAprobado
Mantenimiento reciente1 meses desde el último pushAprobado
Claridad de licenciaSource terms (see source)Aprobado
Completitud de README/SKILL.mdLos metadatos incluyen suficiente contexto de uso y flujo de trabajoAprobado
Riesgo de dependencias/runtimeNo hay indicios importantes de riesgo de dependencias en los metadatos públicosAprobado

Skills relacionados

Frontend Design

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

170.9K Estrellas

Taste Skill: Anti-Slop Frontend

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

79.0K Estrellas

Canvas Design

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

170.9K Estrellas

Anthropic Brand Guidelines

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

170.9K Estrellas

Instalar Ver en GitHub