Agent Skills
› bitjaru/styleseed
bitjaru/styleseed
GitHub针对组件或页面进行无障碍（a11y）静态代码审计，依据WCAG 2.2 AA标准检查对比度、键盘导航等合规性，并自动修复问题。
Install All Skills
npx skills add bitjaru/styleseed --all -g -y
Skills in Collection (23)
针对组件或页面进行无障碍（a11y）静态代码审计，依据WCAG 2.2 AA标准检查对比度、键盘导航等合规性，并自动修复问题。
需要检查前端组件的无障碍合规性
发现界面存在屏幕阅读器兼容性问题
优化颜色对比度和键盘交互体验
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森十大可用性启发式原则，对移动端屏幕进行UX审计。检查系统状态可见性、用户控制、一致性、错误预防等维度，识别交互与设计问题，提升用户体验质量。
需要评估界面可用性时
审查移动应用屏幕的UX问题时
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于StyleSeed方法构建UI界面，通过确立规则、组合设计约束、编码实现及分数与像素门控验证，确保前端页面符合品牌与设计规范。
需要按照特定设计规范构建前端页面
使用StyleSeed方法进行UI开发和视觉验证
npx skills add bitjaru/styleseed --skill ss-build -g -y
根据StyleSeed设计规范生成新的UI组件。读取设计令牌和规则，遵循函数声明、语义化Token及无障碍要求，输出符合约定的前端组件代码。
需要创建新的UI组件
按照StyleSeed规范生成前端界面元素
npx skills add bitjaru/styleseed --skill ss-component -g -y
生成符合休闲礼貌语气的UX微文案，包括按钮、错误提示等。遵循主动语态和简洁原则，适用于按钮标签、空状态及表单辅助文本，不处理长文或翻译。
需要生成UI界面中的短文本内容
优化按钮或错误消息的文案语气
npx skills add bitjaru/styleseed --skill ss-copy -g -y
将模糊的设计指令转化为确定性的系统级变更，协调更新多个Token并严格遵守设计护栏。
用户希望统一调整间距、圆角或层级等单一设计维度
需要系统性修改UI风格而非局部调整
npx skills add bitjaru/styleseed --skill ss-dial -g -y
为组件或页面生成加载、空数据、错误和成功四种UX反馈状态，遵循设计语言规范，确保布局匹配、防闪烁及提供重试/操作指引。
需要为数据依赖区域添加骨架屏
实现空数据状态的UI展示
处理加载失败后的错误界面
添加操作成功或失败的Toast提示
npx skills add bitjaru/styleseed --skill ss-feedback -g -y
设计用户流程和导航结构，遵循UX原则（如渐进式披露、希克定律），生成流程图、屏幕清单及脚手架代码。适用于产品功能流程规划，非高保真原型或单页实现。
需要设计多步骤业务流程
规划应用内导航层级
梳理核心功能路径
npx skills add bitjaru/styleseed --skill ss-flow -g -y
快速自动化设计系统代码扫描工具，通过 grep 检测硬编码颜色、原始像素值等常见规范违规，辅助前端开发保持 UI 一致性。
检查组件是否符合设计令牌规范
提交前快速验证样式合规性
npx skills add bitjaru/styleseed --skill ss-lint -g -y
将用户描述的动态风格或组件用途映射为 Framer Motion 代码，应用预定义的 Motion Seed（如 Spring/Silk 等）及具体动效模式。
用户描述 UI 组件的动态效果需求
需要将抽象的风格词汇转换为具体的 Framer Motion 实现
npx skills add bitjaru/styleseed --skill ss-motion -g -y
根据 StyleSeed 设计语法和 manifest，快速生成符合品牌配方与响应式规范的产品页面脚手架。
需要创建新的产品页面或屏幕
从编译后的 StyleSeed 输出中构建页面结构
npx skills add bitjaru/styleseed --skill ss-page -g -y
基于StyleSeed语法和品牌配方，组合现有UI原语生成可复用的复合UI组件模式。支持布局、数据展示及交互等多种类型，强调遵循设计规则与语义化属性。
需要生成复合UI组件模式
根据品牌配方组合现有UI原语
npx skills add bitjaru/styleseed --skill ss-pattern -g -y
将截图、URL或Figma设计稿编译为项目本地StyleSeed设计语法规则，包含证据、令牌及验证流程，用于规范UI设计一致性。
用户提供设计参考素材
需要将现有UI转化为StyleSeed语法
npx skills add bitjaru/styleseed --skill ss-reference -g -y
编译确定性 StyleSeed 规则包，输出语法、适配器及配方。用于在配置变更或构建前解析上下文，避免加载完整手册，提升效率并保证可复现性。
STYLESEED.md 发生变更时
Agent 需要加载完整规则手册之前
执行 setup 或 build 流程前
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用单一StyleSeed美学配置，在保持输出语法和核心设计不变的前提下调整视觉参数。需验证上下文、选择预设、应用风格并校验得分，确保品牌一致性与渲染效果。
需要统一界面视觉风格
调整产品外观色调或布局
执行美学配置文件更新
npx skills add bitjaru/styleseed --skill ss-restyle -g -y
审查UI代码是否符合设计系统规范、无障碍标准及最佳实践。检查设计Token合规性、组件约定、可访问性、性能、排版和间距一致性，确保前端界面质量与团队规范对齐。
需要检查UI代码是否符合设计规范
审查组件的可访问性和样式一致性
npx skills add bitjaru/styleseed --skill ss-review -g -y
基于StyleSeed规则集对UI视觉实现进行0-100分质量评分，提供类别细分、证据及优先修复建议，用于量化追踪界面设计质量。
需要评估UI组件或页面的整体视觉质量得分
需要识别UI中违反设计规范的具体问题并获取修复优先级
npx skills add bitjaru/styleseed --skill ss-score -g -y
StyleSeed 初始化向导，引导用户配置输出语法、领域、页面类型、品牌配方及语义调色板等设计参数，为生成首个界面进行脚手架准备。
需要初始化 StyleSeed 项目配置
选择新的设计语法或品牌配方
npx skills add bitjaru/styleseed --skill ss-setup -g -y
将产品简报转化为三个创意方向，经人工选择后生成StyleSeed交互计划、UI原型及展示视频。用于探索app交互、趋势UI设计及多屏概念验证，支持从参考分析到可交互原型的完整流程。
需要多个静态屏幕以上的概念设计
App交互方式探索
基于产品简报的创意方向发散
生成可交互UI原型
npx skills add bitjaru/styleseed --skill ss-studio -g -y
用于在StyleSeed设计系统中查看、添加或修改设计Token。支持颜色、排版等类型的JSON与CSS同步管理，确保语义化命名及暗色模式兼容。
用户需要查询当前设计Token
用户希望新增或更新设计系统中的Token值
npx skills add bitjaru/styleseed --skill ss-tokens -g -y
自动检测并安全更新项目中的StyleSeed引擎文件，对比本地与上游版本差异，报告变更内容，指导用户添加新规则、组件和皮肤，确保更新过程可逆且不影响现有代码。
需要更新项目的StyleSeed引擎版本时
检查StyleSeed是否有新版本发布时
npx skills add bitjaru/styleseed --skill ss-update -g -y
通过渲染UI并截图，人工校验像素级视觉表现，修复不符合StyleSeed规范的问题。作为代码审查后的最终视觉验收关卡，确保设计还原度。
需要验证UI视觉还原度
代码评分通过后进行视觉验收
检查字体加载、布局或颜色等视觉细节
npx skills add bitjaru/styleseed --skill ss-verify -g -y
基于StyleSeed引擎对React/Tailwind等UI代码进行设计审查，评估一致性、色彩、层级等7项指标并打分，提供修复建议以消除AI生成痕迹。
UI界面看起来不专业或未完成
需要上线前的设计评分检查
要求提升界面专业度和设计感
npx skills add bitjaru/styleseed --skill styleseed-design-review -g -y
