用途:该技能要求遵循 ./llms.txt 文档生成使用 DaisyUI 组件与主题的代码,并遵守主 CLAUDE.md 中的技术栈与编码规范,主要用于为 Williamstown SC 品牌构建可访问、主题化的 UI。
主要能力:在 tailwind.config.js 中配置 Williamstown SC 品牌主题,指定主色(#062174)、辅助色(#DEB100)、强调色(#10B981)、中性色(#1F2937)及 base-100/200/300 等颜色;字体建议使用 font-sans 的系统字体或 Inter,最小 16px,正文行高 1.5 以上,字重 400/500/600/700。
组件使用:导航与菜单用 navbar、menu、dropdown、drawer、breadcrumbs;操作用 btn(含 btn-primary 等变体)、btn-group、swap、link;数据展示用 card、badge、avatar、stat、table、timeline;表单用 input、textarea、select、checkbox、radio、toggle、range、file-input;反馈用 alert、modal、toast、loading、skeleton、progress;布局用 divider、stack、join、indicator。复杂英雄区、非对称布局、自定义动画、玻璃拟态、渐变等效果仍使用自定义 Tailwind。
无障碍:要求 WCAG AA 合规,正文对比度 4.5:1、大号文字 3:1;主 CTA 用 btn-lg 保证触控目标,默认 btn 高 48px;提供带 aria-required、aria-invalid、aria-describedby 的表单示例与可见焦点态;组件使用语义化 HTML。
常见模式:提供比赛卡片、新闻卡片、导航头部、球员卡片、赛事卡片等示例;并给出响应式修饰符、移动优先、表单校验状态、加载状态、模态框等用法,以及限制主题数量以减小体积等性能建议。
限制:官方未提供独立的安装命令、版本支持、收费与价格信息,暂未提供;相关规范以项目内 llms.txt 与 CLAUDE.md 为准。