用途：web-taste 用于指导 React 19 + Next.js 16 + Tailwind CSS 项目的界面设计，主张设计从“用户是谁、需要什么”出发，而非从像素或布局开始，避免产出技术上正确但千篇一律的 AI 风格 UI。
主要能力：分两个阶段。Phase 1 设计思考，包括 0.5 秒视觉测试（用户第一眼看到什么形状）、识别用户与使用情境、确定情感意图、梳理目标与痛点、把功能映射为路由、按用户意图选择 Server/Client Component、Dialog/Popover/Sheet、Table/Card 等组件。Phase 2 视觉设计，包含尺度层级、用调色板生成器按种子色相生成配色、用图表而非列表呈现数据、卡片式构图、真实内容、克制、细节打磨与页面个性。
使用方式：先写设计笔记（用户、目标、路由、组件选择），再写代码。配色需运行调色板生成器，例如 python scripts/generate_palette.py --seed <hue-degrees> --mode both --items <collection-count> --app "App Name"，把生成的 CSS 变量放入 app/globals.css，仅通过 Tailwind 语义化 token 使用，不使用 bg-blue-500 等原始色板类。完成前自检页面是否像为所识别用户设计。
适用场景：构建路由、布局或组件时，尤其是仪表盘、数据控制台、账单、资料库、收件箱等需要明确视觉形态的页面。
限制：资料未提供收费、价格、平台支持范围、具体版本依赖之外的细节。部分引用文件如 references/code-examples.md 的具体内容未给出，需另行查阅。