用途：这是一份前端工程指令（协议），用于生成高度精炼、超极简的“文档式”网页界面，风格接近高端工作台类产品，主动拒绝通用 SaaS 设计套路。
主要能力与规范：
- 排版：正文用几何或系统无衬线字体（如 SF Pro Display、Geist Sans、Helvetica Neue、Switzer）；标题与引语用编辑风衬线字体（如 Lyon Text、Newsreader、Playfair Display、Instrument Serif），字距 -0.02em 至 -0.04em、行高 1.1；代码与元数据用等宽字体（Geist Mono、SF Mono、JetBrains Mono）。正文不用纯黑，用 #111111 或 #2F3437，行高 1.6，次要文字 #787774。
- 配色：暖色单色调为主，画布 #FFFFFF 或 #F7F6F3/#FBFBFA，卡片 #FFFFFF 或 #F9F9F8，边框 #EAEAEA 或 rgba(0,0,0,0.06)。点缀色仅用于标签、行内代码等：淡红 #FDEBEC（文字 #9F2F2D）、淡蓝 #E1F3FE（#1F6C9F）、淡绿 #EDF3EC（#346538）、淡黄 #FBF3DB（#956400）。
- 组件：便当网格用非对称 CSS Grid，卡片统一 border: 1px solid #EAEAEA，圆角 8px 或 12px，内边距 24–40px；主按钮背景 #111111、文字 #FFFFFF、圆角 4–6px、无阴影，悬停变 #333333 或 scale(0.98)；标签为胶囊形、小号大写宽字距；手风琴仅用 border-bottom 分隔；快捷键用 <kbd> 呈现；软件模拟图用带三个浅灰圆点的白色顶栏。
- 图标与图像：图标用 Phosphor Icons（Bold/Fill）或 Radix UI Icons，统一描边宽度；插画为单色线稿加一块柔和色几何形；照片需低饱和暖调，可加 0.04 暖色颗粒叠加；无真实素材时可用 https://picsum.photos/seed/{context}/1200/800。
- 动效：滚动进入用 translateY(12px)+opacity 0，600ms、cubic-bezier(0.16,1,0.3,1)，用 IntersectionObserver 而非 scroll 监听；卡片悬停阴影 0 2px 8px rgba(0,0,0,0.04)；列表错峰延迟 calc(var(--index) * 80ms)；仅动画 transform 与 opacity。
禁用项：不得使用 Inter、Roboto、Open Sans；不得用 Lucide、Feather、Heroicons；不得用 Tailwind 默认重阴影；不得用大面积主色背景、渐变、霓虹、3D 玻璃拟态；大容器与主按钮不得用胶囊圆角；不得使用 emoji；不得用 John Doe、Acme Corp、Lorem Ipsum 等占位内容；不得用 Elevate、Seamless、Unleash 等套话。
使用方式：在编写 HTML、React、Tailwind、Vue 或设计布局时套用本协议，先建立大留白（如 py-24/py-32），正文宽度限制在 max-w-4xl 或 max-w-5xl，再应用字体层级与单色变量。
限制：本资料未提供安装命令、收费方式、平台支持与效果数据，暂未提供。该技能属于 Taste Skill 合集（tasteskill.dev），作者 Leonxlnx，MIT 许可。