design-taste-frontend

该技能名为 tasteskill: Anti-Slop Frontend Skill，适用于落地页、作品集与网站改版，明确不用于仪表盘、数据表格或多步骤产品界面。其核心是先做“需求推断”，从页面类型（落地页、作品集、改版、编辑/博客）、用户给出的风格词、参考链接与截图、受众、已有品牌资产及无障碍等隐性约束中判断方向；生成前需输出一行“Design Read”，说明页面类型、受众、风格语言与倾向的设计体系。若需求确实存在分歧，只问一个澄清问题，否则直接声明读数并继续。随后设定三个旋钮：DESIGN_VARIANCE、MOTION_INTENSITY、VISUAL_DENSITY，基线为 8/6/4，并依据风格信号或用例预设调整，文中给出极简、奢华、实验、公共部门、保留型改版、推翻型改版等对应数值表。设计体系选型上，企业级、Material、Carbon、Polaris、Atlassian、Primer、GOV.UK、USWDS、Bootstrap、Radix、shadcn/ui、Tailwind 等各有适用场景，强调使用官方包、一个项目只用一个系统；对于玻璃拟态、Bento、粗野主义、编辑风、暗黑科技、极光渐变、动态字体等美学方向，则用原生 CSS、Tailwind 与维护良好的组件库实现，并如实标注借用与官方。默认技术栈为 React 或 Next.js、Tailwind v4、motion/react、next/font；全局状态只在客户端组件使用，鼠标位置与滚动进度等连续值用 Motion 的 useMotionValue/useScroll 而非 useState；图标限定 Phosphor、Hugeicons、Radix、Tabler，禁止手绘 SVG 与混用；默认不建议使用 emoji。响应式采用标准断点、max-w 容器、min-h-[100dvh] 与 CSS Grid。排版与颜色部分给出字体配对、衬线使用限制、斜体降部间距、单一强调色与配色一致性等规范，并列出一批被禁的默认配色。资料未提供该技能的安装方式、运行环境或收费信息。