用途：Casper Studios 内部设计系统，为团队生成风格统一、专业的 SaaS 界面代码，覆盖客户演示、内部工具和快速原型。
技术栈：React（Vite）+ TypeScript、Tailwind CSS v4、shadcn/ui、Lucide React 图标，字体为 DM Sans。使用流程为先初始化标准 shadcn/ui 项目（shadcn init），再叠加 Casper 品牌令牌。
主要能力与规则：主题文件 references/theme.css 需原样复制进项目；必须阅读 references/components.md 和平台对应文件（Web 用 references/web-layouts.md，移动端用 references/mobile.md），否则会产出错误界面。品牌主色 #5900FF 仅用于激活态、主按钮、链接和焦点环；中性灰+白为主，语义色仅用于状态。排版、间距、圆角、阴影、图标、Logo 变体（默认、variant、mono-black、mono-white）均有明确规定，例如卡片用 rounded-lg，按钮/输入 8px，阴影分层使用。
使用方式：生成前需向用户确认平台（Web 或移动端）和是否支持深色模式，不要假设默认值；依据平台读取对应参考文件后生成。组件直接使用 shadcn 组件，不重复造基础组件。
适用场景：Casper Studios 内部 SaaS 产品与演示界面。限制：属于内部设计系统，非公开通用资源；深色模式、移动端等具体实现细节需以参考文件为准；价格、授权、外部可用性等信息暂未提供。