Agent Skills
› bitjaru/styleseed
bitjaru/styleseed
GitHub用于审计前端组件或页面的可访问性问题并修复，基于WCAG 2.2 AA标准检查对比度、键盘导航及语义化等，专用于StyleSeed设计系统。
Install All Skills
npx skills add bitjaru/styleseed --all -g -y
Skills in Collection (50)
用于审计前端组件或页面的可访问性问题并修复，基于WCAG 2.2 AA标准检查对比度、键盘导航及语义化等，专用于StyleSeed设计系统。
需要检查UI组件的可访问性合规性
发现页面存在无障碍问题需修复
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森启发式规则对界面进行UX审计，检查可用性、一致性、错误预防等体验问题。适用于现有界面的用户体验审查，排除无障碍、设计系统合规及文案审核场景。
需要评估界面可用性问题
检查UI是否符合尼尔森启发式原则
审查交互状态与反馈机制
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于StyleSeed方法论构建UI屏幕。通过解析项目规则、应用品牌配方与约束，执行代码生成及像素级验证循环，确保设计一致性与高质量交付。
需要按照特定设计系统或品牌规范生成前端界面
请求构建具有严格样式约束和验证流程的UI组件
npx skills add bitjaru/styleseed --skill ss-build -g -y
StyleSeed设计体系下的UI组件生成器，严格遵循注册表优先、设计令牌及无障碍规范，生成符合约定的React组件。
需要生成新的UI组件
遵循StyleSeed设计规范创建前端组件
npx skills add bitjaru/styleseed --skill ss-component -g -y
根据设计语言规范，生成符合随意但礼貌语气的UX微文案（按钮、错误提示等），明确排除长文、品牌定义及翻译场景。
需要生成UI界面中的按钮标签或操作提示
需要撰写错误消息、空状态或Toast通知文案
需要优化表单标签与辅助说明文字
npx skills add bitjaru/styleseed --skill ss-copy -g -y
通过单一参数轴协调调整设计系统令牌，确保全局一致性并遵守规则约束。
用户要求按特定维度（如更紧凑、更锐利）微调UI风格
需要批量更新多个组件的设计属性以保持一致性
npx skills add bitjaru/styleseed --skill ss-dial -g -y
为组件或页面添加加载、成功、错误和空状态的用户反馈，遵循设计规范实现骨架屏、重试及Toast提示等交互细节。
需要为数据依赖区域添加UI反馈状态
实现加载骨架屏、空数据界面或错误重试逻辑
npx skills add bitjaru/styleseed --skill ss-feedback -g -y
设计用户流程与导航结构，遵循UX模式。读取设计系统参考，应用信息架构和导航原则，输出ASCII流程图、屏幕清单及边缘情况处理，适用于产品交互设计阶段。
需要设计用户操作流程
规划应用或页面的导航结构
制定信息架构方案
npx skills add bitjaru/styleseed --skill ss-flow -g -y
将人类批准的UI设计修正转化为通用规则，严格遵循隐私最小化原则。流程包括初始化、草稿生成、人工审核及可选分享包准备，禁止上传代码或敏感数据，确保本地安全与合规。
用户要求记住设计经验
用户要求从已接受的修正中提炼通用规则
用户要求审查设计决策并准备可复用规则
npx skills add bitjaru/styleseed --skill ss-learn -g -y
快速自动化设计系统代码检查工具，通过grep扫描检测硬编码颜色、原始像素值等常见违规项。提供机器可读输出，适用于文件变更后的即时反馈，区别于深度人工审计。
需要快速检查前端组件是否符合设计规范时
提交代码前进行自动化合规性扫描时
CI/CD流水线中集成静态设计规则检查时
npx skills add bitjaru/styleseed --skill ss-lint -g -y
将用户自然语言描述的动效风格或组件场景映射为 framer-motion 代码，支持五种种子（Spring/Silk/Snap/Float/Pulse）及特定关键词，严格遵循注册表优先原则。
需要为React组件添加framer-motion动效
根据情感词或品牌风格描述生成CSS动画代码
将具体UI组件类型匹配推荐默认动效模式
npx skills add bitjaru/styleseed --skill ss-motion -g -y
基于 StyleSeed 规范脚手架化新产品页面，解析设计令牌、组件模式及品牌配方，生成符合响应式约束的 React 页面结构代码。
需要创建新的产品页面或屏幕
根据 StyleSeed 语法生成前端页面骨架
npx skills add bitjaru/styleseed --skill ss-page -g -y
基于 StyleSeed 语法和品牌配方，利用现有原子组件组合生成可复用的 UI 模式。遵循注册优先原则，支持布局、数据展示及交互等多种类型，确保语义化与动态内容适配。
需要组合多个组件形成特定 UI 模式
根据品牌配方生成标准化界面结构
npx skills add bitjaru/styleseed --skill ss-pattern -g -y
将截图、链接或Figma等设计参考编译为项目本地的StyleSeed风格语法，包含证据、Token及验证流程。
用户提供设计参考素材
需要提取UI设计规范并生成机器可读的样式规则
npx skills add bitjaru/styleseed --skill ss-reference -g -y
解析 StyleSeed 上下文并生成确定性规则包，支持锁文件与注册表模式。用于在构建前或配置变更时确定样式规范，避免加载完整手册，提升效率并确保一致性。
STYLESEED.md 发生变更
准备构建项目前需确定样式上下文
Agent 需要加载特定风格规则而非完整手册
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用 StyleSeed 美学配置，在不改变输出语法和核心设计的前提下协调视觉风格。通过验证、选择预设、应用参数并校验评分来更新样式配置。
需要调整界面视觉风格或美学配置
执行 /ss-restyle 命令以应用特定美学预设
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初始化工具，通过引导式问答确定输出语法、领域、页面类型、品牌配方及语义调色板，为前端界面搭建提供设计方法与约束配置。
用户需要初始化新的设计系统配置
用户询问如何开始使用StyleSeed进行项目搭建
npx skills add bitjaru/styleseed --skill ss-setup -g -y
将产品简报转化为三个创意方向、风格种子交互计划、资产生成任务及UI原型，支持客户端概念验证与应用交互探索。
需要多静态屏幕的创意探索
客户端概念设计
应用交互探索
npx skills add bitjaru/styleseed --skill ss-studio -g -y
管理StyleSeed设计令牌，支持从主色生成语义调色板，以及查看、添加和修改颜色、排版等令牌文件。
用户需要提供品牌色或配色方案
用户需要生成或更新CSS/JSON设计令牌
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通用帮助
需要确定首个处理工作流
npx skills add bitjaru/styleseed --skill styleseed -g -y
将人类批准的UI设计修正转化为隐私最小化的通用规则候选项。支持本地初始化、草稿生成、人工审查及可选分享包准备，全程不传输代码或敏感数据，确保合规复用。
用户要求记录或学习已批准的设计修正
需要将具体设计决策泛化为可复用规则
npx skills add bitjaru/styleseed --skill ss-learn -g -y
针对StyleSeed项目组件或页面进行无障碍审计，检查WCAG 2.2 AA合规性，包括对比度、键盘导航和语义化HTML，并修复发现的问题。
需要检查前端组件的无障碍访问问题
验证UI是否符合WCAG标准
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森十大可用性启发式原则和现代移动端UX最佳实践，对屏幕界面进行用户体验审计。明确区分无障碍、设计系统合规及文案审查场景，确保交互状态、一致性、错误预防等维度的规范性。
需要评估界面可用性
检查UX设计缺陷
审核移动端交互规范
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于 StyleSeed 方法构建 UI 界面。通过解析规则集、组合设计约束并执行代码与像素级验证循环，确保实现符合品牌与设计规范的高质量前端组件。
需要按照特定设计系统或品牌规范生成 UI 界面
要求对已生成的界面进行设计合规性评分与像素级修复
npx skills add bitjaru/styleseed --skill ss-build -g -y
根据 StyleSeed 设计规范生成新的 UI 组件。优先解析注册表，读取设计令牌、样式规则及参考模式，严格遵循函数声明、语义化类名、无障碍访问等约定，输出符合规范的 React 组件代码。
需要创建新的 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
为组件或页面生成加载、成功、错误和空状态的用户反馈代码，遵循设计语言规范。
需要实现数据依赖区域的状态反馈
生成骨架屏、空状态、错误或成功提示
npx skills add bitjaru/styleseed --skill ss-feedback -g -y
用于设计用户流程和导航结构，遵循UX模式。基于注册表优先读取项目资源，应用渐进式披露等原则，输出流程图、屏幕清单及边缘情况处理，并生成页面脚手架。
需要设计用户操作流程时
需要规划应用或页面的导航结构时
npx skills add bitjaru/styleseed --skill ss-flow -g -y
将人工批准的UI设计修正转化为通用规则，通过本地CLI进行隐私脱敏、草稿生成、人工审核及可选分享包准备，不传输代码或敏感数据。
用户要求记住或学习已接受的设计修正
用户要求从成功设计中提取可复用规则
npx skills add bitjaru/styleseed --skill ss-learn -g -y
快速自动化设计系统代码扫描工具，检测硬编码颜色、原始像素值等常见规范违规。通过 grep 实现秒级检查，提供修复建议，适用于文件变更后的即时验证。
需要快速检查前端代码中的设计系统规范违规
在文件修改后执行自动化 lint 扫描
npx skills add bitjaru/styleseed --skill ss-lint -g -y
将用户描述的动效风格或场景映射为 Framer Motion 代码，支持基于种子和用例的自动推荐，专用于 React 组件动画。
需要为 React 组件添加入场、退出或交互动画
根据品牌风格或情绪词生成特定动效代码
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等）编译为项目本地样式语法，包含证据、令牌和验证。
用户提供设计参考且StyleSeed未建模
需要基于现有UI生成样式规则
npx skills add bitjaru/styleseed --skill ss-reference -g -y
根据STYLESEED.md配置生成确定性的StyleSeed规则包，支持遗留与注册表项目模式。用于在构建前解析上下文、应用品牌配方及调色板，避免加载完整手册，提升构建效率与一致性。
需要编译或更新StyleSeed规则包时
STYLESEED.md发生变更时
Agent准备进行Setup或Build操作前
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用 StyleSeed 美学配置文件，调整视觉风格（如半径、密度、调色板等），同时保持输出语法和核心设计不变。支持注册表优先模式，确保样式协调且符合品牌规范。
需要统一或更改界面视觉风格时
应用预设美学配置以优化 UI/UX 体验时
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/视觉组件的设计与实现质量
生成视觉资产的合规性评分报告
npx skills add bitjaru/styleseed --skill ss-score -g -y
StyleSeed 初始化向导，引导用户配置设计方法、输出语法、页面类型、品牌配方及语义调色板，为构建首个界面做准备。
需要初始化 StyleSeed 项目
选择新的设计语法或品牌配方
npx skills add bitjaru/styleseed --skill ss-setup -g -y
将产品简报转化为三个创意方向，生成风格种子交互计划、资产任务及UI原型，适用于客户端概念验证和界面探索。
需要多个静态屏幕的UI方向探索
客户端概念设计
应用交互探索
npx skills add bitjaru/styleseed --skill ss-studio -g -y
管理 StyleSeed 设计令牌，支持从关键色生成语义调色板、查看及修改颜色等令牌文件。适用于品牌色处理、主题角色配置及实现所需的令牌文件生成。
用户提供一个品牌色并请求生成配色方案
需要创建或更新 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 安装，通过精确规则修订同步引擎负载，保留项目设计决策，重新编译并验证有效 bundle。
StyleSeed 版本更新
引擎修订同步
bundle 重新编译
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
用于检查和更新 StyleSeed 安装版本，确保引擎载荷与发布修订一致。执行只读检查以识别可用更新或冲突，并在确认后重新编译和验证有效包，同时严格保护项目自有文件不被覆盖。
需要更新 StyleSeed 引擎版本时
检查当前安装是否与最新发布修订匹配时
处理 StyleSeed 技能包冲突或 stale bundle 时
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
