Skill
  • Claude Code
  • Codex
  • OpenCode

figma-implement-design

openai/skills

Translates Figma designs into production-ready application code with 1:1 visual fidelity.

figma-implement-design, Site yapımı ve arayüz alanında bir skill. Claude Code, Codex, OpenCode için hazır kurulum komutu var.

Tüm açıklama

Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.

  • Skill
  • Site yapımı ve arayüz
  • 28.594 yıldız

Kur

Programını seç, komut kendini yazsın.

git clone --depth 1 https://github.com/openai/skills

Sonra skills/.curated/figma-implement-design klasörünü ajanının skills klasörüne kopyala.

Komutlar yayıncının kayıt bilgisinden üretildi; ANG skills bunları çalıştırıp denetlemedi.

Birlikte çalışır

Bu işi baştan sona yapan set.

Benzerleri

Site yapımı ve arayüz alanından.

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern fr…Kurmak için tıkla

Skill

web-artifacts-builder

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape…Kurmak için tıkla

Skill

brand-landingpage

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode

Toolkit for styling artifacts with a theme.Kurmak için tıkla

Skill

theme-factory

anthropics/skills

  • Claude Code
  • Codex
  • OpenCode

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mo…Kurmak için tıkla

Skill

responsive-design

wshobson/agents

  • Claude Code
  • Codex
  • OpenCode