用途：Creative Tim UI 技能用于在项目中安装、生成或修改来自 creative-tim.com/ui 的 UI 区块、组件与页面，并让生成的代码符合其设计系统。
主要能力：库基于 shadcn/ui，提供 390+ 生产级区块，覆盖 40+ 分类，包括 AI Agents、Pages、Account、Authentication、Hero、Pricing、Charts、KPI、Stats、Tables、Ecommerce、Blog、Testimonials 等。区块为 React + Tailwind CSS，兼容 Next.js（App Router）、Remix 和 Vite。
使用方式：可通过 skills CLI 安装技能，例如 npx skills add creativetimofficial/ui，或加 -g 全局安装，或用 --agent claude-code 指定代理。安装区块有两种方式：Creative Tim CLI，如 npx @creative-tim/ui@latest add hero-01，可先运行 npx @creative-tim/ui@latest init 初始化项目；或 shadcn CLI，如 npx shadcn@latest add https://www.creative-tim.com/ui/r/hero-01.json。两种方式都会把组件源码复制进项目并自动安装所需的 shadcn/ui 基础组件。
PRO 区块：部分区块标记为 PRO，需要 Creative Tim API 密钥，可在 https://www.creative-tim.com/ui 获取免费密钥。设置环境变量 CREATIVE_TIM_UI_API_KEY 后，用 --api-key 传入，或通过 npx @creative-tim/ui@latest login --api-key 全局配置。
设计规则：品牌主色为橙色（orange-500/orange-600），避免紫/靛色；正文用 text-sm，不用任意字号；Tailwind v4 禁用任意值，使用标准数值与断点；优先组合 Card、ScrollArea 等基础组件；避免内联样式；注意 SSR 水合安全，不在 useState 初始化中使用 new Date() 等。
适用场景：新项目接入该库、生成符合品牌风格的区块、审查 UI 代码合规性、配置 PRO 密钥。限制：资料未提供具体收费价格、区块完整清单及所有平台细节，需查阅官方 llms.txt 与规则文件。