用途：这是一份前端界面设计指南，目标是让界面具备明确的美学意图与专业完成度，避免千篇一律的模板外观。
主要能力与内容：提供一套设计方法与实践规则。设计流程要求在写代码前明确四件事：Purpose（解决什么问题、谁使用）、Tone（美学方向，如粗野主义、奢华、俏皮、编辑风、复古未来等）、Constraints（设备目标、无障碍要求、性能预算）、Signature（让人记住的标志性元素），并强调要坚定选择方向。字体排印部分建议避免滥用的默认字体，主张有意图地搭配展示字体、正文与等宽字体，并给出表格数字对齐、标题换行平衡、单行截断与多行截断等细节做法。颜色系统主张用 CSS 自定义属性与语义化命名，采用 1 个主色加 1–2 个强调色的调色板，推荐用 oklch，并提示正文对比度至少 4.5:1、大字至少 3:1（WCAG AA）。动效规则要求遵循 prefers-reduced-motion，只动画 transform 与 opacity，避免 transition: all，动画应可被用户操作打断。空间构图鼓励非对称、有意的留白、破格元素与对角线视觉流向。其余还涉及用 clamp 做流式字体、容器查询实现组件级响应式、噪点与渐变网格营造氛围、图片显式尺寸与懒加载，以及交互元素需具备默认、悬停、聚焦、按下、禁用等状态。
使用方式：资料以设计原则和 CSS/JSX 片段示例呈现，未提供安装命令或独立工具的调用方式，可将其作为写码前的设计检查清单与实现规范参考。
适用场景：需要打造有辨识度的网站或前端界面时，用于指导字体、配色、动效、布局与交互细节决策。
限制：资料未说明其部署形态、收费方式或集成方式，暂未提供。