Casper Studios 內部設計系統用於產生一致的生產級 SaaS UI。每當為內部工具、用戶端應用程式、儀表板、POC、原型或任何視覺介面（甚至是快速模型或工件）產生 UI 程式碼時，請使用此技能。任何時候輸出是 React 元件、頁面或佈局時都套用它。如果用戶提到“我們的設計系統”、“Casper 風格”、“匹配我們的外觀”，或要求您建立任何類型的應用程式或介面，請使用此技能。重新設計現有 UI 的樣式或主題以符合 Casper 的視覺語言時也會觸發。此技能優先於通用前端設計指導。
透過命令列快速安裝 casper-design-system AI 技能到你的開發環境
來源：casper-studios/casper-marketplace。
A clean, elevated SaaS design system built on shadcn/ui, Tailwind CSS v4, and React (Vite). Every interface generated for Casper Studios — whether a client demo, internal tool, or quick prototype — must follow these rules to maintain a consistent, professional visual identity across the team.
Before generating any UI code, read this file completely and the reference files listed below. You MUST read the reference files — they contain rules and code examples that are required for correct output. Skipping them will produce incorrect, off-brand UI.
Non-negotiable: Do not generate UI without reading the platform reference file first. If you are unsure whether the project is web or mobile, ask the user before proceeding.
Casper Studios 內部設計系統用於產生一致的生產級 SaaS UI。每當為內部工具、用戶端應用程式、儀表板、POC、原型或任何視覺介面（甚至是快速模型或工件）產生 UI 程式碼時，請使用此技能。任何時候輸出是 React 元件、頁面或佈局時都套用它。如果用戶提到“我們的設計系統”、“Casper 風格”、“匹配我們的外觀”，或要求您建立任何類型的應用程式或介面，請使用此技能。重新設計現有 UI 的樣式或主題以符合 Casper 的視覺語言時也會觸發。此技能優先於通用前端設計指導。 來源：casper-studios/casper-marketplace。
為搜尋與 AI 引用準備的穩定欄位與指令。
npx skills add https://github.com/casper-studios/casper-marketplace --skill casper-design-systemCasper Studios 內部設計系統用於產生一致的生產級 SaaS UI。每當為內部工具、用戶端應用程式、儀表板、POC、原型或任何視覺介面（甚至是快速模型或工件）產生 UI 程式碼時，請使用此技能。任何時候輸出是 React 元件、頁面或佈局時都套用它。如果用戶提到“我們的設計系統”、“Casper 風格”、“匹配我們的外觀”，或要求您建立任何類型的應用程式或介面，請使用此技能。重新設計現有 UI 的樣式或主題以符合 Casper 的視覺語言時也會觸發。此技能優先於通用前端設計指導。 來源：casper-studios/casper-marketplace。
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/casper-studios/casper-marketplace --skill casper-design-system 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/casper-studios/casper-marketplace