Skill
  • Claude Code
  • Codex
  • OpenCode

figma-generate-library

openai/skills

Build or update a professional-grade design system in Figma from a codebase.

“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

Build or update a professional-grade design system in Figma from a codebase. Use when the user wants to create variables/tokens, build component libraries, set up theming (light/dark modes), document foundations, or reconcile gaps between code and Figma. This skill teaches WHAT to build and in WHAT ORDER — it complements the `figma-use` skill which teaches HOW to call the Plugin API. Both skills should be loaded together.

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

Bir bakışta

Beş soru, kısa cevap.

figma-generate-library ne işe yarar?
“Site yapımı ve arayüz” alanında bir skill. Yayıncının tanımı: Build or update a professional-grade design system in Figma from a codebase.
Kimin işine yarar?
Web sitesi tasarımı, React ve Vue bileşenleri, Tailwind, animasyon, tarayıcı testleri ve yayına alma için skill ve MCP sunucuları.
Hangi ajanlarda çalışır?
Claude Code, Codex, OpenCode için hazır kurulum komutu var.
Nasıl kurulur?
Claude Code için terminalde şu komutu çalıştır: git clone --depth 1 https://github.com/openai/skills
Güvenilir mi?
GitHub’da 28.594 yıldız almış, lisansı belirtilmemiş. Komutlar yayıncının kaydından üretildi; kurmadan önce kaynağına göz at.

Kur

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

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

Sonra skills/.curated/figma-generate-library 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