{"slug":"figma-implement-design","name":"Figma Implement Design","description":"Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","tagline":"Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","category":"design-creative","tags":["agent-skill","figma","implementation","frontend","ui","component","visual-fidelity"],"author":{"name":"openai","verified":true,"url":"https://github.com/openai"},"attribution":{"status":"registry_indexed","statusLabel":"Registry indexed","shortLabel":"REGISTRY INDEXED","sourceLabel":"official skill path","sourceDetail":"openai/skills","creatorName":"openai","creatorUrl":"https://github.com/openai","sourceUrl":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","indexedBy":"OpenAgentSkill community index","claimUrl":"https://www.openagentskill.com/skills/figma-implement-design#claim-this-skill","claimCta":"Claim this skill","trustNote":"This listing was indexed from public sources and is not marked official until a maintainer claim is approved.","publicNote":"Attribution links to the public repository or creator profile. Creators can claim the listing to update ownership signals."},"stats":{"stars":24001,"forks":1628,"downloads":0,"rating":0,"review_count":0,"quality_score":74.16},"quality":{"score":100,"tier":"excellent","label":"Excellent","summary":"High-confidence pick with strong adoption and healthy maintenance signals.","signals":[{"label":"GitHub stars","value":"24K","tone":"positive"},{"label":"Freshness","value":"7d ago","tone":"positive"},{"label":"Install ready","value":"Yes","tone":"positive"},{"label":"License","value":"Source terms (see source)","tone":"neutral"}],"warnings":["Requires access to the intended Figma design and a human visual QA pass."]},"trust":{"version":"trust-score-v4","score":91,"tier":"production","label":"Production candidate","summary":"Strong OpenAgentSkill Trust Score across adoption, recent maintenance, license clarity, documentation, dependency/runtime risk, install safety, permission surface, and install availability.","recommendedAction":"Shortlist for production use, then run a normal repository and dependency review.","dimensions":[{"id":"github_adoption","label":"GitHub adoption","score":100,"weight":0.13,"status":"pass","detail":"24K GitHub stars"},{"id":"repo_activity","label":"Stars/forks activity","score":97,"weight":0.08,"status":"pass","detail":"24K stars, 1.6K forks; issue activity unavailable in current metadata"},{"id":"maintenance","label":"Recent maintenance","score":100,"weight":0.14,"status":"pass","detail":"7d since push"},{"id":"license","label":"License clarity","score":86,"weight":0.09,"status":"pass","detail":"Source terms (see source)"},{"id":"documentation","label":"README/SKILL.md completeness","score":90,"weight":0.14,"status":"pass","detail":"Metadata includes enough usage and workflow context"},{"id":"dependency_risk","label":"Dependency/runtime risk","score":90,"weight":0.12,"status":"pass","detail":"no major dependency risk hints in public metadata"},{"id":"installability","label":"Install availability","score":92,"weight":0.1,"status":"pass","detail":"npx skills add openai/skills --skill figma-implement-design"},{"id":"install_safety","label":"Install command safety","score":92,"weight":0.1,"status":"pass","detail":"standard package or runtime install path"},{"id":"permission_surface","label":"Permission surface","score":100,"weight":0.07,"status":"pass","detail":"no high-risk permission surface in public metadata"},{"id":"repository","label":"Repository evidence","score":86,"weight":0.04,"status":"pass","detail":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design"},{"id":"review_status","label":"Review status","score":74.16,"weight":0.05,"status":"info","detail":"AI review data available"},{"id":"agent_outcomes","label":"Agent Proven outcomes","score":54,"weight":0.13,"status":"info","detail":"No agent outcome data yet"}],"checks":[{"status":"pass","label":"GitHub adoption","detail":"24K GitHub stars"},{"status":"pass","label":"Stars/forks activity","detail":"24K stars, 1.6K forks; issue activity unavailable in current metadata"},{"status":"pass","label":"Recent maintenance","detail":"7d since push"},{"status":"pass","label":"License clarity","detail":"Source terms (see source)"},{"status":"pass","label":"README/SKILL.md completeness","detail":"Metadata includes enough usage and workflow context"},{"status":"pass","label":"Dependency/runtime risk","detail":"no major dependency risk hints in public metadata"},{"status":"pass","label":"Install availability","detail":"npx skills add openai/skills --skill figma-implement-design"},{"status":"pass","label":"Install command safety","detail":"standard package or runtime install path"},{"status":"pass","label":"Permission surface","detail":"no high-risk permission surface in public metadata"},{"status":"pass","label":"Repository evidence","detail":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design"},{"status":"info","label":"Review status","detail":"AI review data available"},{"status":"info","label":"Agent Proven outcomes","detail":"No agent outcome data yet"},{"status":"pass","label":"Ownership","detail":"Listing manually verified"},{"status":"info","label":"OpenAgentSkill usage","detail":"No local usage activity yet"},{"status":"info","label":"Agent outcomes","detail":"No agent outcome data yet"}],"strengths":["Manually verified listing","AI review approved","Install path is available","Repository evidence is available","Recently maintained repository","Large GitHub adoption signal","Install command has no obvious high-risk pattern"],"warnings":["Requires access to the intended Figma design and a human visual QA pass."],"evidence":{"stars":"24K GitHub stars","repoActivity":"24K stars, 1.6K forks","lastPushed":"7d since push","license":"Source terms (see source)","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","install":"npx skills add openai/skills --skill figma-implement-design","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"installReadiness":{"ready":true,"command":"npx skills add openai/skills --skill figma-implement-design","policy":"agent_install_candidate","label":"Agent install candidate","notes":["Install path is available","Repository evidence is available","License is declared","No Agent Proven outcome evidence yet","7d since push"]},"agentCompatibility":["Codex","Claude Code","Cursor","OpenAgentSkill CLI"],"riskSummary":{"level":"low","label":"Low metadata risk","notes":["Requires access to the intended Figma design and a human visual QA pass."]},"outcomeEvidence":{"total":0,"successes":0,"failures":0,"notRelevant":0,"successRate":null,"installAttempts":0,"riskBlocked":0,"setupRequired":0,"installSuccessRate":null,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"recentSuccessRate":null,"recentFailureRate":null,"uniqueAgents":0,"agentProvenScore":0,"agentProvenLabel":"Needs first agent run","lastOutcomeAt":null,"label":"No agent outcome data yet"},"autoInstall":{"allowed":true,"sandboxRequired":true,"policy":"agent_install_candidate","reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"bestFor":["design-creative","agent-skill","figma","implementation","frontend","ui"],"doNotUseFor":["Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"knownRisks":["Requires access to the intended Figma design and a human visual QA pass."]},"safety":{"score":81,"level":"review_before_install","label":"Review before install","safety_tier":{"tier":"reviewed","label":"Reviewed","badge":"REVIEWED","summary":"Good audit and safety signals with no high-risk permission hints in public metadata.","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","auto_install_policy":"review","reasons":["Safe-to-try audit","81/100 agent safety score"]},"auto_install_allowed":false,"human_review_required":true,"blocked":false,"audit_risk":"safe_to_try","permission_hints":[{"id":"network","label":"Network access","reason":"Skill likely fetches remote pages, APIs, repositories, or external services.","severity":"medium"}],"policy_warnings":["Requires access to the intended Figma design and a human visual QA pass."],"constraints_applied":{"max_risk":"medium","needs_install_command":true,"min_stars":0}},"safety_gate":{"tier":"reviewed","label":"Reviewed","badge":"REVIEWED","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","reasons":["Safe-to-try audit","81/100 agent safety score"]},"supply_profile":{"track":{"slug":"coding","label":"Coding and developer agents","shortLabel":"Coding","description":"Code review, repo analysis, testing, CI, GitHub, DevOps, and developer workflow skills."},"scenario":{"label":"Coding agents","description":"I need a coding agent that can understand a repository, edit code, and review pull requests.","useCases":[{"slug":"design-creative","title":"Design and creative"},{"slug":"coding-agents","title":"Coding agents"},{"slug":"github-automation","title":"GitHub automation"}]},"applicableAgents":["Claude Code","OpenAI Agents","Cursor","CLI","Codex"],"install":{"ready":true,"command":"npx skills add openai/skills --skill figma-implement-design","primaryTarget":"CLI","targetCount":4},"githubQuality":{"stars":24001,"starsLabel":"24K","forks":1628,"license":"Source terms (see source)","qualityScore":100,"trustScore":91,"auditScore":93},"maintenance":{"status":"fresh","label":"7d since push","daysSincePush":7,"lastPushedAt":"2026-07-14T16:47:46+00:00"},"risk":{"level":"safe_to_try","label":"Safe to try","requiresReview":true,"notes":["Requires access to the intended Figma design and a human visual QA pass."]},"coverageTags":["Coding","Coding agents","design-creative","agent-skill","figma","implementation","frontend","ui"]},"audit":{"audit_score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Requires access to the intended Figma design and a human visual QA pass."]},"decision":{"readiness_score":100,"readiness_label":"Production-ready","headline":"Primary pick for Design and creative","role":"Primary pick","primary_fit":"Design and creative","best_for":["Design and creative workflows","Claude Code teams","teams that value GitHub adoption signals"],"risks":["Requires access to the intended Figma design and a human visual QA pass.","No OpenAgentSkill engagement data yet"],"next_steps":["Install it in a sandbox agent and run one Design and creative task end to end.","Compare output quality, latency, and failure behavior against at least one alternative.","Promote it into production only after reviewing repository permissions, license, and maintenance signals."]},"agent_readable_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"figma-implement-design","name":"Figma Implement Design","description":"Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","category":"design-creative","url":"https://www.openagentskill.com/skills/figma-implement-design","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","github_repo":"openai/skills"},"suited_tasks":["Design and creative workflows","Claude Code teams","teams that value GitHub adoption signals","Inspect visual requirements","Generate reusable assets","Package output for review","Inspect source files","Explain architecture"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","CLI"],"install":{"command":"npx skills add openai/skills --skill figma-implement-design","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add openai/skills --skill figma-implement-design"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Figma Implement Design\" agent skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Figma Implement Design\" as a Claude Code skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Figma Implement Design\" from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."}],"handoff_url":"https://www.openagentskill.com/api/skills/figma-implement-design/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/figma-implement-design"},"trust":{"score":91,"label":"Production candidate","version":"trust-score-v4","install_policy":"agent_install_candidate","evidence":{"stars":"24K GitHub stars","repoActivity":"24K stars, 1.6K forks","lastPushed":"7d since push","license":"Source terms (see source)","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","install":"npx skills add openai/skills --skill figma-implement-design","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":true,"sandbox_required":true,"reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"best_for":["design-creative","agent-skill","figma","implementation","frontend","ui"],"known_risks":["Requires access to the intended Figma design and a human visual QA pass."]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Requires access to the intended Figma design and a human visual QA pass."]},"safety_gate":{"tier":"reviewed","label":"Reviewed","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow."},"quality":{"score":100,"label":"Excellent"},"supply":{"track":"Coding and developer agents","scenario":"Coding agents","maintenance":"7d since push","risk":"Safe to try"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Requires access to the intended Figma design and a human visual QA pass.","No OpenAgentSkill engagement data yet","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"agent_contract":{"task_input":"Use Figma Implement Design in an agent workflow","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","install_policy":"review","minimum_review_before_use":["Trust: 91/100 Production candidate","Audit: 93/100 Safe to try","Safety: 81/100 Review before install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"figma-implement-design (Figma Implement Design)","install_command":"npx skills add openai/skills --skill figma-implement-design","risk_summary":"Safe to try; Reviewed; Low metadata risk","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"figma-implement-design","task":"Use Figma Implement Design in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/figma-implement-design","api":"https://www.openagentskill.com/api/agent/skills/figma-implement-design","audit":"https://www.openagentskill.com/skills/figma-implement-design/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=figma-implement-design&task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/figma-implement-design/install","manifest":"https://www.openagentskill.com/api/registry/manifest/figma-implement-design"}},"machine_metadata":{"version":"openagentskill-agent-metadata-v2","skill":{"slug":"figma-implement-design","name":"Figma Implement Design","description":"Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","category":"design-creative","url":"https://www.openagentskill.com/skills/figma-implement-design","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","github_repo":"openai/skills"},"suited_tasks":["Design and creative workflows","Claude Code teams","teams that value GitHub adoption signals","Inspect visual requirements","Generate reusable assets","Package output for review","Inspect source files","Explain architecture"],"suited_agents":["Codex","Claude Code","Cursor","OpenAgentSkill CLI","OpenAI Agents","CLI"],"install":{"command":"npx skills add openai/skills --skill figma-implement-design","ready":true,"targets":[{"id":"openagentskill-cli","label":"CLI","kind":"command","value":"npx skills add openai/skills --skill figma-implement-design"},{"id":"codex","label":"Codex","kind":"agent-prompt","value":"Install the \"Figma Implement Design\" agent skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."},{"id":"claude-code","label":"Claude Code","kind":"agent-prompt","value":"Add \"Figma Implement Design\" as a Claude Code skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."},{"id":"cursor","label":"Cursor","kind":"agent-prompt","value":"Turn \"Figma Implement Design\" from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail."}],"handoff_url":"https://www.openagentskill.com/api/skills/figma-implement-design/install","manifest_url":"https://www.openagentskill.com/api/registry/manifest/figma-implement-design"},"trust":{"score":91,"label":"Production candidate","version":"trust-score-v4","install_policy":"agent_install_candidate","evidence":{"stars":"24K GitHub stars","repoActivity":"24K stars, 1.6K forks","lastPushed":"7d since push","license":"Source terms (see source)","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","install":"npx skills add openai/skills --skill figma-implement-design","installSafety":"standard package or runtime install path","permissionSurface":"no high-risk permission surface in public metadata","documentation":"Strong README/SKILL.md context","agentOutcomes":"No agent outcome data yet"},"outcome_evidence":{"total":0,"successes":0,"failures":0,"not_relevant":0,"success_rate":null,"recent_success_rate":null,"recent_failure_rate":null,"install_attempts":0,"install_success_rate":null,"risk_blocked":0,"setup_required":0,"avg_output_quality":null,"production_outcomes":0,"last_outcome_at":null,"label":"No agent outcome data yet"},"auto_install":{"allowed":true,"sandbox_required":true,"reason":"Trust Score v4 allows sandbox-first agent installation after normal workspace review."},"best_for":["design-creative","agent-skill","figma","implementation","frontend","ui"],"known_risks":["Requires access to the intended Figma design and a human visual QA pass."]},"agent_proven":{"version":"agent-proven-v1","score":0,"tier":"unproven","label":"Needs first agent run","summary":"No agent outcome reports yet. Use Resolve, run one narrow sandbox task, then report the result.","metrics":{"totalOutcomes":0,"successfulOutcomes":0,"failedOutcomes":0,"installAttempts":0,"installSuccessRate":null,"successRate":null,"recentSuccessRate":null,"recentFailureRate":null,"riskBlocked":0,"setupRequired":0,"notRelevant":0,"avgOutputQuality":null,"avgTimeToUsefulMs":null,"productionOutcomes":0,"humanReviewRequired":0,"uniqueAgents":0,"lastOutcomeAt":null},"signals":[],"penalties":["No real agent outcome evidence yet"]},"audit":{"score":93,"risk_level":"safe_to_try","risk_label":"Safe to try","warnings":["Requires access to the intended Figma design and a human visual QA pass."]},"safety_gate":{"tier":"reviewed","label":"Reviewed","auto_install_policy":"review","auto_install_allowed":false,"human_review_required":true,"blocked":false,"recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow."},"quality":{"score":100,"label":"Excellent"},"supply":{"track":"Coding and developer agents","scenario":"Coding agents","maintenance":"7d since push","risk":"Safe to try"},"alternative_skills":[],"do_not_use_when":["teams that need a vendor-supported SLA","production agents without a repository review","Requires access to the intended Figma design and a human visual QA pass.","No OpenAgentSkill engagement data yet","Production credentials, payments, or irreversible account changes without explicit human review","Sensitive private data before reviewing repository code, license, and permission surface"],"agent_contract":{"task_input":"Use Figma Implement Design in an agent workflow","recommended_action":"Review the audit page, then allow agent install in a sandboxed workflow.","install_policy":"review","minimum_review_before_use":["Trust: 91/100 Production candidate","Audit: 93/100 Safe to try","Safety: 81/100 Review before install","Review repository, license, install command, and permission surface before production use."],"expected_agent_output":{"selected_skill":"figma-implement-design (Figma Implement Design)","install_command":"npx skills add openai/skills --skill figma-implement-design","risk_summary":"Safe to try; Reviewed; Low metadata risk","verification_result":"Report the smallest successful task, files touched, warnings, and any missing setup."}},"outcome_feedback":{"endpoint":"https://www.openagentskill.com/api/agent/outcome","method":"POST","requires_resolve_event_id":true,"event_id_source":"Use install_receipt.outcome_feedback.event_id or feedback.event_id returned by /api/agent/resolve for the current task.","expected_outcomes":["success","failed","not_relevant","blocked_by_risk","setup_required"],"payload_template":{"event_id":"<install_receipt.outcome_feedback.event_id or feedback.event_id from /api/agent/resolve>","skill_slug":"figma-implement-design","task":"Use Figma Implement Design in an agent workflow","agent":"codex","outcome":"success","install_used":true,"risk_blocked":false,"setup_required":false,"task_success":true,"output_quality":4,"error_type":null,"human_review_required":false,"workspace":"sandbox","time_to_useful_ms":120000,"notes":"Report the smallest successful task, setup friction, files touched, and risk notes."}},"endpoints":{"web":"https://www.openagentskill.com/skills/figma-implement-design","api":"https://www.openagentskill.com/api/agent/skills/figma-implement-design","audit":"https://www.openagentskill.com/skills/figma-implement-design/audit","eval":"https://www.openagentskill.com/api/agent/evals?slug=figma-implement-design&task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&max_risk=medium","resolve":"https://www.openagentskill.com/api/agent/resolve?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&agent=codex&max_risk=medium","receipt":"https://www.openagentskill.com/api/agent/receipt?task=Use%20Figma%20Implement%20Design%20in%20an%20agent%20workflow&agent=codex&max_risk=medium&format=text","install":"https://www.openagentskill.com/api/skills/figma-implement-design/install","manifest":"https://www.openagentskill.com/api/registry/manifest/figma-implement-design"}},"platforms":["Codex","Claude Code","Cursor","OpenAI Agents"],"use_cases":[{"slug":"design-creative","title":"Design and creative","url":"https://www.openagentskill.com/use-cases/design-creative"},{"slug":"coding-agents","title":"Coding agents","url":"https://www.openagentskill.com/use-cases/coding-agents"},{"slug":"github-automation","title":"GitHub automation","url":"https://www.openagentskill.com/use-cases/github-automation"},{"slug":"testing-qa","title":"Testing and QA","url":"https://www.openagentskill.com/use-cases/testing-qa"}],"install":"npx skills add openai/skills --skill figma-implement-design","install_targets":[{"id":"openagentskill-cli","label":"CLI","title":"OpenAgentSkill CLI","kind":"command","value":"npx skills add openai/skills --skill figma-implement-design","description":"Use the registry command when your workflow supports the OpenAgentSkill installer.","copyLabel":"Copy command"},{"id":"codex","label":"Codex","title":"Codex install prompt","kind":"agent-prompt","value":"Install the \"Figma Implement Design\" agent skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Read its SKILL.md or equivalent instructions first, install only the files needed for this workspace, and summarize any required setup before using it. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","description":"Give Codex a repo-aware install prompt when the skill is not available through a local CLI.","copyLabel":"Copy prompt"},{"id":"claude-code","label":"Claude Code","title":"Claude Code skill prompt","kind":"agent-prompt","value":"Add \"Figma Implement Design\" as a Claude Code skill from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design. Inspect the skill instructions, place the reusable skill files in the appropriate local skills location for this project, and report the activation steps. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","description":"Use this prompt to ask Claude Code to add the skill and explain the local activation steps.","copyLabel":"Copy prompt"},{"id":"cursor","label":"Cursor","title":"Cursor rule prompt","kind":"agent-prompt","value":"Turn \"Figma Implement Design\" from https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design into a reusable Cursor project rule or agent instruction. Preserve the core workflow, adapt paths to this repo, and keep the rule scoped to tasks where it is relevant. Skill purpose: Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.","description":"Use this when installing as Cursor project rules or reusable agent instructions.","copyLabel":"Copy prompt"}],"repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design","github_repo":"openai/skills","version":"1.0.0","license":"Source terms (see source)","updated_at":"2026-07-21T10:25:06.942025+00:00","canonical_key":"openai/skills#skills/.curated/figma-implement-design","recommendation_reasons":["Strong GitHub adoption: 24,001 stars","Quality score 74/100","Install handoff is available","Repository freshness signal is available"],"urls":{"web":"https://www.openagentskill.com/skills/figma-implement-design","api":"https://www.openagentskill.com/api/agent/skills/figma-implement-design","install_api":"https://www.openagentskill.com/api/skills/figma-implement-design/install","audit":"https://www.openagentskill.com/skills/figma-implement-design/audit","repository":"https://github.com/openai/skills/tree/main/skills/.curated/figma-implement-design"},"meta":{"endpoint":"/api/registry/manifest/{slug}","canonical_agent_endpoint":"/api/agent/skills/figma-implement-design","agent_friendly":true,"api_version":"1.0","generated_at":"2026-07-21T20:20:49.377Z"}}