用途：在创建或修改 UI 组件、为页面添加样式或检查设计一致性时使用本指南，确保整个作品集的视觉统一。
主要能力：提供完整的设计规范体系，包括颜色令牌（基础调色板与珊瑚色主色，均给出 OKLCH 与 Hex 值及用途）、字体排版（正文字体 Figtree、等宽字体 Geist Mono，以及 h1/h2/h3/body/caption/label 的 Tailwind 类与用法）、间距规则（只使用偶数 gap 值 gap-2/4/6/8/12，优先 gap 而非上边距）、背景效果（模糊渐变光球与噪点遮罩及其透明度设定）、动画规范（悬停、页面过渡、卡片与按钮悬停的时长与缓动），以及卡片、按钮、徽章、页头等组件样式模式与 HeroUI 使用约定。
使用方式：按令牌与类名直接套用到组件中；规则要求优先使用 HeroUI Pro（@heroui-pro/react），其次 HeroUI OSS（@heroui/react），通过包装组件实现组合，样式改动放在 CSS 或包装组件中，条件类名使用 @heroui/react 的 cn()。动画优先用 CSS，仅滚动触发或复杂序列动画使用 motion/react。
适用场景：作品集网站的 UI 开发与设计一致性维护。
限制：资料未提供该指南的安装命令、版本要求或收费信息，暂未提供。