在 Valley MAS Web 端维护整站主题一致性。适用于任何 Web 页面、共享组件、导航、Banner、空状态、按钮、卡片、表单、个人中心页、资源页、创作者页以及后续新增页面;当实现可能写死紫蓝橙粉等独立色系、绕开 theme token、或让局部页面脱离当前主题设定时,使用这个 skill,把样式收口到当前主题变量、theme-* 工具类和共享组件上。
这个 skill 关注的是“整个 Web 端是否还像同一个产品”,而不是某几个页面单独好不好看。只要任务会影响 Web 端用户可感知的视觉主题,就优先检查是否仍然跟随当前主题系统。
brand-theme-guard 更偏品牌方向和全站主基调,负责守住 Valley MAS 的主题气质、主色取向和视觉方向。web-theme-consistency 更偏实现落地,负责具体页面和组件有没有真正吃到主题 token,避免出现“品牌方向对了,但页面代码还是各写各的配色”。如果任务既涉及品牌方向,又涉及具体页面落地,可以两个一起用;如果主要是修某个页面或组件没有跟随主题,优先用这个 skill。
--theme-* 变量、theme-* 工具类和共享组件。from-purple-*、text-sky-*、border-orange-*、bg-pink-* 这类固定色系,除非这个颜色本身就是明确的语义色,例如危险操作或报错。theme-* 工具类;如果不能,就看是否应该扩展共享组件接口。apps/web/src/index.cssapps/web/src/components/PageBanner.tsxapps/web/src/components/EmptyState.tsxapps/web/src/components/ApplyCreatorBanner.tsxapps/web/src/pages/Profile.tsxapps/web/src/pages/Favorites.tsxapps/web/src/pages/Follows.tsxapps/web/src/pages/Downloads.tsxpnpm --filter web exec tsc --noEmit