用途：为界面开发提供完整设计系统，包含设计理念（如何思考设计）与文档（可维护样式指南模板），目标是让界面显得由在意 1 像素差异的团队设计，做到精致而非简陋，并贴合具体产品情境。
主要能力：一是设计方向框架，要求在写代码前先确定方向，包括产品情境、用户画像、情感目标，并从 Precision & Density、Warmth & Approachability、Sophistication & Trust、Boldness & Clarity、Utility & Function、Data & Analysis 等人格中选择；二是基础规范，如 4px 间距网格、对称内边距、圆角一致性、深度与高度策略（仅边框、单层阴影、分层阴影、表面色差，选一）、排版层级、数据用等宽字体、图标（Phosphor Icons 或 Lucide）、动画时长与缓动、对比度层级、颜色仅用于传达含义、导航上下文与深色模式注意事项；三是反模式清单与设计自问；四是样式指南模板，生成 /style-guide 页面，含左侧粘性导航、颜色、排版、按钮、输入、卡片、头像、对话框、加载、设计令牌等区块，并提供维护清单。
使用方式：先将模板复制到项目，命令为 cp templates/style-guide-page.tsx your-app/app/style-guide/page.tsx，再替换标题、品牌色、字体与组件，并通过 NAV_ITEMS 增删区块；每个可复用组件需登记，展示全部状态，使用设计令牌，并随变更更新。
适用场景：企业级 SaaS 与工具类界面、需要统一组件与设计规范的团队、对信息密度与工艺细节有要求的后台产品。
限制：资料未提供收费、价格、平台依赖或效果数据；示例代码与命令需按原文保留，实际项目适配方式暂未提供细节。