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