
Build Design
作者 jakubkreheld574cc8a576d無授權條款7.5K 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫2 天前更新
Builds UI from a Figma file or a design image so it matches the design, using your project's existing tokens and components.
- d574cc8a576d目前提交 d574cc8發布於 2026年10月8日
來源與署名
來源:jakubkrehel/skills位於skills/build-design提交d574cc8
授權條款: 無授權條款
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 jakubkrehel/skills 的技能

State Machine
jakubkrehel
在一個臨時頁面上以模擬資料和狀態切換器渲染所選元件的每一種狀態。

Interface Review
jakubkrehel
審查分支、拉取請求或未提交變更所引入或造成回歸的介面問題。

Variant
jakubkrehel
建立三個刻意的介面變體並置於選擇器中,讓使用者比較並選定一個。

Explain Interface
jakubkrehel
解釋網站、視覺效果或動畫是如何打造的,可依線上網址或截圖。

Break
jakubkrehel
在臨時頁面上把單一 UI 元件放到所有可觸及的極端情境中渲染,並回報肉眼可見的破損。

Better Ui
jakubkrehel
審查並修正介面細節:圓角、視覺對齊、陰影、圖示與動效數值。
更多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 條規則的形式用於撰寫、審查與重構程式碼。