Figma Implement Design
Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
Asset-Profil
Coding- und Entwickler-Agents
Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills.
Szenario
Coding-Agents
I need a coding agent that can understand a repository, edit code, and review pull requests.
Agent-Fit
Claude Code + OpenAI Agents + Cursor
Geeignet für Codex, Claude Code, Cursor, CLI oder benutzerdefinierte Agents.
Installieren
Bereit
npx skills add openai/skills --skill figma-implement-design
Wartung
Aktiv
1 Monate seit dem letzten Push
Risiko
Sicher zu testen
Requires access to the intended Figma design and a human visual QA pass.
GitHub-Qualität
25K
100/100 Qualität · 89/100 Vertrauen
Abdeckungs-Tags
Review-Notizen
Requires access to the intended Figma design and a human visual QA pass.
Agent-Adoptionskarte
Vertrauen, Audit und Installationsbereitschaft auf einen Blick
Diese Werte kombinieren öffentliche Repository-Metadaten, OpenAgentSkill-Reviewsignale, Wartungsaktualität und Installationsbereitschaft. Sie helfen bei der Vorauswahl, ersetzen aber keine menschliche Prüfung.
Qualität
AusgezeichnetHigh-confidence pick with strong adoption and healthy maintenance signals.
Vertrauen
Vor Installation prüfenGutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.
Audit
Sicher zu testenMaschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
OpenAgentSkill Trust Score v5
Agent-Installationskandidat
Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.
Stars
25K GitHub-Stars
Repository-Aktivität
25K Stars und 1.7K Forks
Wartung
1 Monate seit dem letzten Push
Lizenz
Source terms (see source)
Installieren
npx skills add openai/skills --skill figma-implement-design
Installationssicherheit
Standard-Paket- oder Laufzeit-Installationspfad
Berechtigungsfläche
Keine Hochrisiko-Berechtigungsfläche in öffentlichen Metadaten
Agent-Ergebnisse
Noch keine Agent-Ergebnisdaten
Dokumentation
Starker README/SKILL.md-Kontext
Risikoübersicht
Niedriges Metadatenrisiko
- Requires access to the intended Figma design and a human visual QA pass.
Installationsbereitschaft
Installationspfad verfügbar
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Lizenz ist angegeben
- Noch keine Agent-Proven-Ergebnisbelege
Agent-lesbare Metadaten
Maschinenlesbare Entscheidungsdaten für diesen Skill.
Nutze diesen Block oder das eingebettete JSON, um zu entscheiden, ob ein Agent diesen Skill installieren, eine Alternative wählen oder zuerst menschliche Prüfung anfordern soll.
Geeignete Aufgaben
- Design und Kreativität-Workflows
- Claude-Code-Teams
- Teams, die GitHub-Adoptionssignale schätzen
- Inspect visual requirements
Geeignete Agents
Installationsentscheidung
- Befehl
- npx skills add openai/skills --skill figma-implement-design
- Richtlinie
- Prüfen
- Menschliche Prüfung
- Ja
Vertrauen und Risiko
- Vertrauen
- 86/100
- Audit
- 91/100
- Risikoebene
- Sicher zu testen
Ergebnis-Loop
- Endpoint
- /api/agent/outcome
- Event-ID
- resolve
- Ergebnisse
- 5
Installationsbefehl
npx skills add openai/skills --skill figma-implement-designNicht verwenden, wenn
- Teams, die ein vom Anbieter unterstütztes SLA benötigen
- 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
Alternative
Frontend Design
170.9K Stars
npx skills add anthropics/skills --skill frontend-design
Alternative
Taste Skill: Anti-Slop Frontend
79.0K Stars
npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
Alternative
Canvas Design
170.9K Stars
npx skills add anthropics/skills --skill canvas-design
Alternative
Anthropic Brand Guidelines
170.9K Stars
npx skills add anthropics/skills --skill brand-guidelines
Agent-Sicherheit v2
79/100 · Vor Installation prüfen
Gute Audit- und Sicherheitssignale ohne Hochrisiko-Berechtigungshinweise in öffentlichen Metadaten.
Prüfen Sie die Audit-Seite und erlauben Sie die Agent-Installation dann in einem Sandbox-Workflow.
Mittel
Netzwerkzugriff
Die Skill ruft wahrscheinlich Remote-Seiten, APIs, Repositories oder externe Dienste ab.
- Requires access to the intended Figma design and a human visual QA pass.
Installationsziele
Diesen Skill im Agent-Workflow installieren
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
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-designAgent-Auflösungsplan
Lass einen Agent die Eignung vor der Installation prüfen.
Die Resolve API liefert die beste Skill, Alternativen, Sicherheitsrichtlinien, Auditnotizen, Installationsziel und einen direkt nutzbaren Prompt.
JSON öffnen
/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium
Resolve-Text
/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20for%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text
Installationsübergabe
/api/skills/figma-implement-design/install
Agent sollte prüfen
- 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.
Prompt kopieren
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.Agent-Übergabe
Gib dem Agent den Installationspfad, nicht noch ein Verzeichnis.
Über den öffentlichen Endpunkt erhältst du Befehl, Sicherheitscheckliste, Ziel-Prompts und kanonische Links.
Installationsübergabe
/api/skills/figma-implement-design/install
LLM-Textformat
/api/skills/figma-implement-design/install?format=text
Alternativen finden
/api/skills/search?q=Figma%20Implement%20Design&limit=3
Agent-Prompt
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-designRegistry-Metadaten
Agent-lesbares Profil für die automatische Skill-Auswahl.
Die Registry API stellt Entscheidungs-, Vertrauens-, Audit-, Use-Case- und Installationssignale ohne UI-Scraping bereit.
Manifest
/api/registry/manifest/figma-implement-design
LLM-Text
/api/registry/manifest/figma-implement-design?format=text
Installationsalias
/api/registry/install/figma-implement-design
Empfehlen
/api/registry/recommend?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&limit=3
Agent-Fit
Design und Kreativität
Use-Case-Tags
Plattformen
Codex, Claude Code, Cursor, OpenAI Agents
Audit-Bericht
Sicher zu testen · 91/100
Maschinenlesbare Prüfung von Installationsbereitschaft, Sicherheitsmetadaten, Wartung und Akzeptanzrisiko.
Agent-Entscheidungspanel
Primäre Wahl für Design und Kreativität
Use this as a leading candidate, then validate the README and install path in your own agent stack.
Rolle im Stack
Primäre Wahl
Primäre Eignung
Design und Kreativität
Vertrauenslabel
Produktionsbereit
Installationspfad
Befehl bereit
Verwenden wenn
- Design und Kreativität-Workflows
- Claude-Code-Teams
- Teams, die GitHub-Adoptionssignale schätzen
Evidenz
- 25,103 GitHub-Stars
- recent repository activity
- install command or GitHub repo available
- Qualitätsprofil 100/100
- 135 OpenAgentSkill-Interaktionen
zuerst prüfen
- Requires access to the intended Figma design and a human visual QA pass.
Implementierungspfad
- 1Installieren Sie es in einem Sandbox-Agent und führen Sie eine Design und Kreativität-Aufgabe vollständig aus.
- 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.
Vertrauensprofil
Vor Installation prüfen
Gutes Shortlist-Signal, aber der Agent sollte Auditnotizen, Installationsrichtlinien und Ergebnisbelege vor der Ausführung prüfen.
GitHub-Akzeptanz
Bestanden25K GitHub-Stars
Star-/Fork-Aktivität
Bestanden25K Stars und 1.7K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbar
Aktuelle Wartung
Bestanden1 Monate seit dem letzten Push
Lizenzklarheit
BestandenSource terms (see source)
Positive Signale
- Manuell verifizierte Auflistung
- KI-Prüfung genehmigt
- Installationspfad ist verfügbar
- Repository-Belege sind verfügbar
- Kürzlich gewartetes Repository
- Large GitHub adoption signal
- Der Installationsbefehl weist kein offensichtliches Hochrisikomuster auf
- OpenAgentSkill-Nutzungsaktivität erkannt
- Ergebniszyklus ist bereit, benötigt aber den ersten echten Agent-Lauf
Vor Installation prüfen
- Requires access to the intended Figma design and a human visual QA pass.
- Noch keine echten Agent-Ergebnisberichte
- Vor unbeaufsichtigter Installation ist menschliche Prüfung erforderlich
Empfohlene Aktion
Nach menschlicher oder Sandbox-Prüfung als primären Kandidaten verwenden.
Qualitätsprofil
Ausgezeichnet Kandidat für Agent-Workflows
High-confidence pick with strong adoption and healthy maintenance signals.
Workflow-Eignung
Diese Skill in diesen Szenarien nutzen
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.
Workflow-Eignung
Zum vollständigen Workflow hinzufügen
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.
Alternativen-Shortlist
Vor Installation vergleichen
Similar skills that may fit this task.
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.
Übersicht
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.
Plattformkompatibilität
Technische Details
- Version
- 1.0.0
- Lizenz
- Source terms (see source)
- Letzte Aktualisierung
- 22. Aug. 2026
- Veröffentlicht
- 21. Juli 2026
Frameworks & Tools
Entscheidungsübersicht
Primäre Wahl
25,103 GitHub-Stars
Audit
Installationsprüfung
Installations- und Adoptionsprüfung
- Sicherheit
- 84/100
- Wartung
- 88/100
- Installieren
- 92/100
Von Agent belegte Evidenz
Von Agent belegte Evidenz
Ergebnisberichte nach Resolve, Prüfung, Installation und einem begrenzten Lauf.
- Erfolgsrate
- —
- Letzter Fehler
- —
- Ergebnisse
- 0
- Ausgabequalität
- —
- Fehlgeschlagen
- 0
- Nicht relevant
- 0
- Installationen
- 0
- Durch Risiko blockiert
- 0
- Einrichtung erforderlich
- 0
- Produktion
- 0
Noch keine Agent-Ergebnisdaten. Der erste Lauf kann Erfolg, Einrichtungsbedarf, Risikoblockaden, Fehler oder Irrelevanz über /api/agent/outcome melden.
Installieren
Zum Agent-Workflow hinzufügen
Kostenlos und Open Source. Bericht vor der Installation in Produktions-Agents prüfen.
Wachstums-Loop
Share-Kit
Szenariobasierter Entwurf für Figma Implement Design, bereit für einen manuellen X-Post.
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
Optionale Antwort mit Installationsbefehl
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
Quelle des Eintrags
Registry-indexiert
Dieser Eintrag wurde aus öffentlichen Quellen indexiert und ist erst nach Genehmigung eines Maintainer-Anspruchs offiziell.
- Ersteller
- openai
- Quelle
- openai/skills
- Indexiert von
- OpenAgentSkill Community-Index
Die Zuordnung verlinkt auf das öffentliche Repository oder Creator-Profil. Creator können den Eintrag beanspruchen, um Eigentümersignale zu aktualisieren.
Diesen Skill beanspruchenEigentümeranspruch
Diesen Skill-Eintrag beanspruchen
Dieser Registry-indexiert-Eintrag wird openai zugeschrieben, ist aber noch nicht offiziell markiert. Beanspruche ihn, um ein verifiziertes Eigentümersignal hinzuzufügen und künftige Launch-, Installations- und Audit-Updates vertrauenswürdiger zu machen.
Creator-Backlink-Kit
Evidenz-Badges in deine README einfügen
Zeige den kanonischen Eintrag, aktuelle Vertrauens- und Audit-Signale sowie echte Agent-Proven-Evidenz dort, wo Entwickler das Repository bewerten.
[](https://www.openagentskill.com/skills/figma-implement-design)
[](https://www.openagentskill.com/skills/figma-implement-design)
[](https://www.openagentskill.com/skills/figma-implement-design/audit)
[](https://www.openagentskill.com/skills/figma-implement-design)Autor
openai✓
@openai
Plattform-Fit
Gesundheitssignale
- GitHub-Stars
- 25.1K
- Qualitätswert
- 71/100
- Letzter GitHub-Push
- 14. Juli 2026
- Framework-Hinweise
- 3
- OpenAgentSkill-Aufrufe
- 44
- Installationskopien
- 2
- Externe Klicks
- 2
Community-Signal
Teile mit, ob dieser Skill für deinen Agent-Workflow nützlich ist. Zusammengefasstes Feedback verbessert das Ranking im Laufe der Zeit.
Vertrauen & Sicherheit
Vor Installation prüfen
- GitHub-Akzeptanz25K GitHub-StarsBestanden
- Star-/Fork-Aktivität25K Stars und 1.7K Forks; Issue-Aktivität ist in den aktuellen Metadaten nicht verfügbarBestanden
- Aktuelle Wartung1 Monate seit dem letzten PushBestanden
- LizenzklarheitSource terms (see source)Bestanden
- README/SKILL.md-VollständigkeitMetadaten enthalten ausreichend Nutzungs- und Workflow-KontextBestanden
- Abhängigkeits-/LaufzeitrisikoKeine wesentlichen Abhängigkeitsrisikohinweise in öffentlichen MetadatenBestanden
Ähnliche Skills
Frontend Design
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
170.9K StarsTaste Skill: Anti-Slop Frontend
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
79.0K StarsCanvas Design
Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
170.9K StarsAnthropic Brand Guidelines
Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
170.9K Stars