
Figma Codegen
awdr74100/figwright/skills/figma-codegen作者 awdr7410079598afe1f1db45da83c1ca5e6678a6ba4ba6d4a無授權條款994 個星標收錄於 2026年10月9日更新於 2026年10月9日儲存庫今天更新
Generate framework-aware code from a Figma design. Reads the project's stack profile and emits code matching the existing framework (React/Vue/Svelte/Next/etc.) and styling (Tailwind/CSS/CSS-in-JS), reusing existing components and design tokens instead of regenerating from scratch. Triggers whenever the user wants a Figma design turned into code — e.g. 'code this design', 'implement this frame', 'build this screen/component', 'turn this Figma into React/Vue', 'convert this design to code' — or whenever a Figma URL or the current Figma selection appears alongside a coding request. Works for full screens, single sections, or one component.
- 79598afe1f1db45da83c1ca5e6678a6ba4ba6d4a目前提交 79598af發布於 2026年10月9日
來源與署名
來源:awdr74100/figwright位於skills/figma-codegen提交79598af
授權條款: 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 awdr74100/figwright 的技能
更多Software Development技能

Playground
anthropics
建立自成一體的互動式 HTML 遊樂場,包含控制項、即時預覽與可複製的提示詞輸出。

M5 Onboard
anthropics
透過 USB 偵測 M5Stack ESP32 開發板,燒錄 UIFlow 2.0 韌體並安裝 MicroPython 應用程式套件。

Cardputer Buddy
anthropics
指導迭代 Cardputer-Adv 的 MicroPython 應用程式套件:新增應用程式、透過 USB 序列埠推送檔案、查看日誌並執行 REPL 指令。

Web Design Guidelines
vercel-labs
依據從遠端來源取得的 Web Interface Guidelines 審查 UI 程式碼,並以 file:line 形式回報問題。

Vercel React Native Skills
vercel-labs
React Native 與 Expo 最佳實務規則,涵蓋清單效能、動畫、導覽、UI 模式、狀態與 monorepo 設定。

Vercel React Best Practices
vercel-labs
Vercel 的 React 與 Next.js 效能指南,以 70 條規則的形式用於撰寫、審查與重構程式碼。