Agent Skills
› bitjaru/styleseed
bitjaru/styleseed
GitHub针对StyleSeed项目进行静态无障碍审计，检查WCAG 2.2 AA合规性，包括色彩对比度、键盘导航、语义标签等，并自动修复发现的问题。
Install All Skills
npx skills add bitjaru/styleseed --all -g -y
Skills in Collection (50)
针对StyleSeed项目进行静态无障碍审计，检查WCAG 2.2 AA合规性，包括色彩对比度、键盘导航、语义标签等，并自动修复发现的问题。
审查组件或页面的无障碍访问问题
修复不符合WCAG标准的代码
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森可用性启发式原则和移动端最佳实践，对界面屏幕进行UX审计。检查加载状态、导航、错误预防等可用性维度，识别体验问题。
需要评估界面用户体验
检查UI是否符合可用性规范
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于 StyleSeed 方法构建 UI 屏幕。优先解析注册表制品，确立设计规则后按规范生成代码，执行运行及像素级检查，确保设计一致性与质量。
需要构建或重建前端屏幕
应用 StyleSeed 设计系统生成界面
npx skills add bitjaru/styleseed --skill ss-build -g -y
根据StyleSeed设计规范生成新的UI组件，优先处理注册表项目，其次支持遗留项目。确保遵循现有设计约定、Token定义及组件API，避免重复造轮子。
需要创建新的UI组件
遵循StyleSeed规范开发前端界面
npx skills add bitjaru/styleseed --skill ss-component -g -y
生成符合休闲礼貌语气的UX微文案，涵盖按钮、错误提示等场景。优先解析注册表项目文件，严格遵循语气规范和特定上下文模式，排除长文及非英语翻译。
需要生成按钮标签、错误消息或空状态文本
请求优化界面微文案的语气和措辞
npx skills add bitjaru/styleseed --skill ss-copy -g -y
用于通过单一维度（如密度、圆角）微调设计系统，确保全局Token一致性并触发质量门禁。
需要调整设计系统的单一属性
执行确定性设计参数步进
npx skills add bitjaru/styleseed --skill ss-dial -g -y
为组件或页面添加加载、成功、错误和空状态的用户反馈，确保UI在数据依赖区域的状态完整性与一致性。
需要实现组件的数据加载骨架屏
需要处理数据为空时的展示逻辑
需要添加网络请求失败后的重试机制
需要为操作添加Toast通知反馈
npx skills add bitjaru/styleseed --skill ss-feedback -g -y
设计用户流程与导航结构，遵循UX模式。通过ASCII流程图、屏幕清单及边缘情况说明输出结果，并调用/ss-page生成页面文件。
设计用户操作流程
规划应用导航结构
定义多步骤交互流程
npx skills add bitjaru/styleseed --skill ss-flow -g -y
将人类批准的UI设计修正转化为通用规则，严格遵循隐私最小化原则。流程包括初始化、草稿生成、人工审核及可选分享包准备，禁止上传代码或敏感数据，确保本地安全与合规。
用户要求记住设计经验
用户要求从已接受的修正中提炼通用规则
用户要求审查设计决策并准备可复用规则
npx skills add bitjaru/styleseed --skill ss-learn -g -y
自动化设计系统合规性检查工具，通过扫描硬编码颜色、原始像素值等违规项，快速检测 UI 代码中的设计规范偏离，支持注册表优先和遗留项目模式。
需要快速检查 UI 组件是否符合设计系统规范
在构建流程中执行自动化 lint 以发现样式违规
npx skills add bitjaru/styleseed --skill ss-lint -g -y
为React组件应用StyleSeed动画种子，支持基于情绪词汇或品牌风格的映射。适用于按钮、弹窗等交互的入场与反馈动效，不处理滚动时间轴或CSS过渡。
用户请求特定动画风格如springy或snappy
需要为UI组件添加符合品牌调性的交互动画
npx skills add bitjaru/styleseed --skill ss-motion -g -y
基于StyleSeed规范，根据注册表或遗留配置，自动搭建符合品牌配方和适配器要求的新产品页面骨架，包含布局、导航及样式约束。
需要创建新的产品页面或屏幕
根据StyleSeed语法生成页面结构
npx skills add bitjaru/styleseed --skill ss-page -g -y
基于 StyleSeed 语法规则和品牌配方，组合现有基础组件生成 UI 模式。支持布局、数据展示及交互等多种模式类型，强调优先使用注册表配置并严格遵循设计规范。
需要生成复合 UI 界面模式
根据品牌配方组装现有组件
npx skills add bitjaru/styleseed --skill ss-pattern -g -y
将截图、URL 或 Figma 等 UI 设计参考编译为项目本地的设计语法（Design Grammar）。支持注册表优先，执行多步骤工作流以提取视觉规则、解决冲突并生成可验证的样式配置。
用户提供设计参考但 StyleSeed 尚未建模
需要将现有 UI 转化为项目本地输出语法
npx skills add bitjaru/styleseed --skill ss-reference -g -y
编译 StyleSeed 规则束或诊断项目健康，用于构建前上下文解析及规则漂移检测。
构建前解析样式规则
诊断安装完整性与规则漂移
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用 StyleSeed 美学配置文件，在不改变输出语法和核心设计的前提下调整视觉风格。遵循注册表优先原则，校验并应用单一配置，保留品牌约束，运行评分与验证流程以确保设计质量。
需要统一或更改界面美学风格时
执行 /ss-restyle 命令时
npx skills add bitjaru/styleseed --skill ss-restyle -g -y
用于审查UI代码是否符合设计系统规范、无障碍标准及最佳实践。通过检查设计令牌、组件约定和可访问性，提供合规建议而不修改代码，适用于前端界面质量保障。
需要检查UI代码是否符合设计规范
评估前端组件的可访问性
npx skills add bitjaru/styleseed --skill ss-review -g -y
对视觉产物按 StyleSeed 规则集进行 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
用于将需求转化为三个创意方向、交互方案及原型展示。通过标准化流水线执行概念设计，包含角色侦察、多方向生成与人工选择，适用于需交互探索而非静态屏幕的场景。
需要多个创意方向的概念设计
交互探索与原型构建
npx skills add bitjaru/styleseed --skill ss-studio -g -y
管理前端设计令牌，支持从关键色生成语义调色板、查看及修改颜色/排版等Token，适用于Tailwind CSS和CSS变量场景。
需要生成品牌色或主题色
查看或修改设计令牌
npx skills add bitjaru/styleseed --skill ss-tokens -g -y
用于验证 UI 渲染效果与 StyleSeed 规范的一致性。通过截图检查像素级细节（如字体、布局），发现视觉缺陷后在授权范围内修复并重新渲染，确保设计质量。
需要检查 UI 视觉呈现是否符合设计规范
构建流程中作为最终视觉验收环节
npx skills add bitjaru/styleseed --skill ss-verify -g -y
StyleSeed请求的路由技能，根据用户一般性帮助请求，解析项目工件边界并精确路由至唯一的首个工作流。
用户询问StyleSeed的一般性帮助
未指定具体ss-*技能的StyleSeed相关请求
npx skills add bitjaru/styleseed --skill styleseed -g -y
将人类批准的UI设计修正转化为通用规则，全程本地化执行并严格脱敏。支持初始化、草稿生成、人工审核及可选分享包准备，确保不泄露项目代码或隐私数据。
用户要求记录或学习已批准的设计修正
需要将特定设计决策泛化为可复用规则
准备共享设计经验但不传输敏感数据
npx skills add bitjaru/styleseed --skill ss-learn -g -y
用于审计组件或页面的无障碍合规性，基于 WCAG 2.2 AA 标准检查对比度、键盘导航等，并修复发现的问题。
用户请求进行无障碍审计
需要修复前端组件的无障碍问题
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森可用性启发式原则，对移动应用界面进行UX审计，检查状态反馈、一致性、错误预防等体验问题。
审查现有屏幕的交互体验
评估界面是否符合尼尔森十大原则
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于 StyleSeed 规范构建前端界面。优先解析注册表或回退至传统模式，确立规则集后严格遵循设计语法进行代码编写与像素级校验，确保 UI 一致性。
需要按照特定设计规范生成或重构前端页面
执行包含样式检查和视觉验证的屏幕构建任务
npx skills add bitjaru/styleseed --skill ss-build -g -y
根据 StyleSeed 设计约定生成新的 UI 组件。优先检查注册表上下文，确保符合现有 Token、API 及样式规范，避免创建重复组件或破坏项目结构。
需要生成新的 UI 组件
遵循 StyleSeed 设计规范开发前端界面
npx skills add bitjaru/styleseed --skill ss-component -g -y
用于生成符合特定语气的UX微文案（如按钮、错误提示），严格遵循设计语言规范，支持注册表优先的项目结构解析。
需要生成按钮标签
编写错误消息
创建空状态文案
生成Toast通知文本
npx skills add bitjaru/styleseed --skill ss-copy -g -y
用于在样式锁中精确调整单一设计维度（如密度、圆角等），确保全局Token一致性并触发质量门禁。
用户要求微调单一设计属性
需要系统性更新设计令牌而非整体重风格化
npx skills add bitjaru/styleseed --skill ss-dial -g -y
为组件或页面添加加载骨架、空状态、错误重试及成功反馈等UX交互状态，提升数据依赖区域的用户体验与操作确认感。
需要为页面或组件添加加载、空、错、成功等状态反馈
优化数据展示区域的交互状态处理
npx skills add bitjaru/styleseed --skill ss-feedback -g -y
专注于设计用户流程与导航结构，遵循 UX 模式。通过读取设计系统参考应用信息架构和导航原则，输出 ASCII 流程图、屏幕清单及边缘情况处理，辅助后续页面实现。
需要规划多步骤用户操作流程
设计应用导航结构和信息层级
确定页面间的跳转逻辑
npx skills add bitjaru/styleseed --skill ss-flow -g -y
将人工批准的UI设计修正转化为通用规则，通过本地CLI进行隐私脱敏、草稿生成、人工审核及可选分享包准备，不传输代码或敏感数据。
用户要求记住或学习已接受的设计修正
用户要求从成功设计中提取可复用规则
npx skills add bitjaru/styleseed --skill ss-learn -g -y
快速自动化设计系统合规性检查，检测硬编码颜色、原始像素值等常见违规。支持基于注册表的工件扫描，输出机器可读结果，仅标记问题不修改代码。
需要快速检查设计系统规范合规性
执行构建工作流中的自动化 lint 步骤
验证 UI 文件是否违反色彩或间距约定
npx skills add bitjaru/styleseed --skill ss-lint -g -y
应用于React组件的framer-motion动画技能，通过映射用户描述的动效风格（如弹性、丝滑）或具体使用场景，自动选择对应的Motion Seed并生成动画代码。
用户请求特定的动画效果或氛围词
需要为UI组件添加入场、交互或状态变化的动画
npx skills add bitjaru/styleseed --skill ss-motion -g -y
基于 StyleSeed 规范脚手架化生成新产品页面，解析注册表或遗留配置，组合 PageShell、TopBar 等组件并应用适配与品牌配方。
需要创建新的产品页面或屏幕
根据 StyleSeed 输出语法构建 UI
npx skills add bitjaru/styleseed --skill ss-page -g -y
基于 StyleSeed 语法和品牌配方，组合现有 UI 原语生成复合 UI 模式。支持布局、数据展示及交互模式，严格遵循注册表优先原则，禁止重复创建原语，确保组件复用与设计规范一致性。
需要生成复合 UI 界面模式
根据品牌配方组装现有组件
npx skills add bitjaru/styleseed --skill ss-pattern -g -y
将截图、URL或Figma设计稿编译为项目本地设计语法。通过证据ID分析视觉特征，解决矛盾并生成规则集，最后验证转移效果，确保设计一致性。
用户提供UI设计参考素材
需要将现有界面转换为设计规范
npx skills add bitjaru/styleseed --skill ss-reference -g -y
解析 StyleSeed 规则上下文，编译有效规则包或执行只读健康诊断。用于构建前确定规则状态、检测配置漂移及排查安装问题，确保项目边界与证据一致性。
需要编译或检查 StyleSeed 规则包
诊断项目配置漂移或安装健康状态
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用StyleSeed美学配置文件，在保持输出语法不变的前提下协调视觉风格。通过验证配置、选择预设、应用参数并运行评分验证来确保设计一致性。
需要调整界面视觉风格时
应用特定美学预设（如technical/editorial）时
npx skills add bitjaru/styleseed --skill ss-restyle -g -y
审查UI代码是否符合设计系统、无障碍及最佳实践。专注于只读检查，涵盖设计Token合规性、组件规范及无障碍标准，不直接修改代码，适用于前端界面质量评估。
审查UI代码是否符合设计规范
检查前端组件的可访问性
npx skills add bitjaru/styleseed --skill ss-review -g -y
对视觉产物按 StyleSeed 规则集进行 0-100 分质量评分，提供分类明细、证据及优先修复建议。用于量化 UI 质量并指导改进。
需要评估视觉组件或页面的实现质量分数
获取基于规则的详细质量报告和改进优先级
npx skills add bitjaru/styleseed --skill ss-score -g -y
引导用户配置StyleSeed设计系统，通过逐步决策选择输出语法、领域、页面类型、品牌配方及调色板，为React/Tailwind项目生成首个界面脚手架。
需要初始化StyleSeed设计配置
从零开始构建前端界面并确定设计规范
npx skills add bitjaru/styleseed --skill ss-setup -g -y
用于将简短需求转化为三个创意方向、交互计划、原型及展示视频。适用于需要多屏静态或交互探索的场景，通过注册表管理工件并执行完整流水线。
需要将Brief转化为多个创意方向
需要设计交互探索方案
需要生成原型和展示视频
npx skills add bitjaru/styleseed --skill ss-studio -g -y
管理设计令牌，支持基于关键色生成语义调色板、查看及修改颜色/排版等令牌。适用于前端主题定制与样式系统维护。
需要生成或调整品牌色板
添加或更新CSS设计令牌
npx skills add bitjaru/styleseed --skill ss-tokens -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
StyleSeed 路由技能，用于解析项目上下文并将一般性请求精准分发至首个对应工作流，避免盲目执行或复制文档。
用户询问 StyleSeed 通用帮助
需要确定首个执行的工作流
npx skills add bitjaru/styleseed --skill styleseed -g -y
检查并更新 StyleSeed 引擎载荷，确保项目设计决策不被覆盖。执行版本比对、重新编译及验证有效捆绑包，适用于现有安装的维护与升级场景。
需要更新 StyleSeed 引擎版本
检查当前安装是否为最新版本
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
<remote.archiveUrl>
用于检查并更新 StyleSeed 引擎载荷，确保版本一致且保留项目设计决策。通过只读检查验证修订版，处理不同安装通道的差异，避免覆盖用户自有文件，并在必要时重新编译和验证有效包。
需要更新现有 StyleSeed 安装以匹配最新规则或技能修订版
验证当前安装的引擎载荷是否与发布版本一致
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
<remote.archiveUrl>
