Shadcn Layouts
jwynia/agent-skills/skills/tech/frontend/design/shadcn-layouts作者 jwyniae02ec7e226a6MIT168 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫7 個月前更新
Generate correct shadcn/Tailwind layouts by applying CSS mental models. This skill should be used when the user asks to 'create a shadcn layout', 'fix layout issues', 'debug CSS height problems', 'make scrolling work', or has issues with Tailwind flex/grid. Keywords: shadcn, Tailwind, layout, CSS, flex, grid, height, scroll, overflow.
僅公開檔案列表。將技能安裝到工作區後即可檢視檔案內容。
| 路徑 | 大小 | 類型 |
|---|---|---|
| references/component-checklist.md | 14.6 KB | text/markdown |
| references/layout-templates.md | 13.7 KB | text/markdown |
| SKILL.md | 5.8 KB | text/markdown |
來源與署名
來源：jwynia/agent-skills位於skills/tech/frontend/design/shadcn-layouts提交e02ec7e
授權條款： MIT
內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。
更多來自 jwynia/agent-skills 的技能
Godot Best Practices
jwynia
指導 AI 代理依照命名、型別、場景與架構最佳實務撰寫 Godot 4.x GDScript 程式碼。
System Design
jwynia
診斷軟體系統設計問題，引導獨立開發者完成架構決策、元件圖與行走骨架。
Task Decomposition
jwynia
將龐大的開發工作拆解成更小、可估算、可獨立交付的單位，並提供診斷狀態與拆解模式。
Requirements Analysis
jwynia
診斷軟體專案中的需求問題，引導找出真正的需求、限制與範圍。
Code Review
jwynia
提供結構化的程式碼審查指引，涵蓋缺陷、品質、安全性與審查流程。
Voice Analysis
jwynia
擷取並記錄作者獨特的文風模式，形成可重複使用的聲音指南，以便一致地重現其風格。
更多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 條規則的形式用於撰寫、審查與重構程式碼。