Agent Skills
› bitjaru/styleseed
bitjaru/styleseed
GitHub针对 StyleSeed 项目进行 WCAG 2.2 AA 无障碍审计，检查色盲对比度、键盘导航、语义化 HTML 及 ARIA 属性等合规性问题并提供修复建议。
Install All Skills
npx skills add bitjaru/styleseed --all -g -y
Skills in Collection (50)
针对 StyleSeed 项目进行 WCAG 2.2 AA 无障碍审计，检查色盲对比度、键盘导航、语义化 HTML 及 ARIA 属性等合规性问题并提供修复建议。
需要审计组件或页面的无障碍访问性
检查代码是否符合 WCAG 2.2 AA 标准
npx skills add bitjaru/styleseed --skill ss-a11y -g -y
基于尼尔森十大可用性启发式原则和现代移动端UX最佳实践，对界面进行用户体验审计。检查加载状态、用户语言匹配、操作控制权、一致性、错误预防等维度，识别UX问题并生成报告。
需要评估界面可用性
检查移动端UX合规性
发现交互体验问题
npx skills add bitjaru/styleseed --skill ss-audit -g -y
基于StyleSeed方法构建前端界面，通过解析规则集、应用品牌配方与设计约束，执行代码与像素级验证循环，确保输出符合设计规范。
需要按照特定设计系统或品牌规范生成前端页面
用户要求使用StyleSeed方法进行UI构建和验收
npx skills add bitjaru/styleseed --skill ss-build -g -y
根据 StyleSeed 设计规范生成新的 UI 组件，严格遵循设计令牌、语义化属性及无障碍标准，确保代码符合前端工程化约定。
需要创建新的 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
为组件或页面添加加载、成功、错误和空状态的用户反馈UI，遵循设计语言规范，确保骨架屏、空数据、错误重试及操作提示的正确实现。
需要为数据依赖区域添加加载骨架屏
需要处理空数据状态的展示
需要实现错误加载失败的重试机制
需要添加操作成功的Toast通知
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
快速自动化设计系统代码扫描工具，通过正则匹配检测硬编码颜色、原始像素值等违反设计规范的问题，提供修复建议。适用于CI/CD流程中的快速质量检查。
需要快速扫描代码中的设计系统违规项
在CI/CD流水线中执行自动化Lint检查
npx skills add bitjaru/styleseed --skill ss-lint -g -y
将用户描述的动效风格或场景映射为 Framer Motion 代码，支持五种种子（Spring/Silk/Snap/Float/Pulse）及特定关键词，基于 StyleSeed 注册表解析组件动效。
需要为 React 组件添加入场、退出、悬停或点击等动画效果
用户描述抽象的动效感觉（如弹性的、平滑的）或具体 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）编译为项目本地 StyleSeed 输出语法，包含证据、令牌、置信度及反模式。通过完整编译器流水线生成规则集并验证，确保设计一致性且符合产品原则。
用户提供 UI 设计参考文件
需要将现有界面转化为 StyleSeed 语法
用户要求基于特定设计源生成风格指南
npx skills add bitjaru/styleseed --skill ss-reference -g -y
解析 StyleSeed 项目上下文，生成确定性的规则包（含语法、适配器、领域等配置）。支持读取锁文件、注册表或手动参数，用于构建前准备、配置变更处理及本地安装健康诊断。
项目配置变更时
更新 StyleSeed 时
诊断本地安装或规则漂移问题
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 规则集对视觉组件进行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 实现，确保符合可访问性标准。
用户输入品牌色需要生成配色方案
询问颜色搭配建议
需要创建或更新 Light/Dark 主题角色
需要为实施准备令牌文件
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
将经人工确认的设计修正转化为隐私最小化的通用规则候选项。通过本地CLI初始化、起草、审查及打包分享，确保不传输代码或敏感数据，实现设计经验的复用与共享。
用户要求记录设计经验
用户要求从已接受的修正中提炼通用规则
用户要求准备可复用的设计建议包
npx skills add bitjaru/styleseed --skill ss-learn -g -y
针对 StyleSeed 项目组件或页面进行无障碍审计，检查 WCAG 2.2 AA 合规性并修复问题。涵盖颜色对比度、触控目标、键盘导航及语义 HTML 等静态代码审查。
需要审计前端组件的无障碍合规性
修复页面的可访问性问题
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微文案，包括按钮、错误提示、空状态和Toast。严格遵循主动语态、积极框架和平实语言原则，提供具体场景的文案模板与规范。
需要生成按钮标签或CTA文案
需要编写错误提示信息
需要设计空状态文案
需要创建Toast通知文本
npx skills add bitjaru/styleseed --skill ss-copy -g -y
用于在样式系统中协调、确定性地调整单一设计轴（如密度、圆角），确保全局令牌一致且遵守约束，更新配置并重新运行质量门禁。
用户希望整体增加或减少某项视觉特征（如更密集、更扁平）
需要系统级应用单一设计维度的变更以保持一致性
npx skills add bitjaru/styleseed --skill ss-dial -g -y
为组件或页面添加加载、成功、错误和空状态的用户反馈UI，确保符合设计语言规范，提升交互体验。
需要为数据依赖区域添加骨架屏或加载状态
需要处理空数据、加载失败重试或操作成功提示
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检测硬编码颜色、像素值等违规项，提供秒级反馈与修复建议。
需要快速检查UI组件是否符合设计规范
文件变更后进行自动化Lint扫描
npx skills add bitjaru/styleseed --skill ss-lint -g -y
将用户描述的风格或场景映射为Framer Motion动画种子，生成React组件动效代码。支持品牌默认、情绪词汇及具体用例推荐，严格限定于React motion组件范围。
需要为React组件添加特定风格或交互的动画效果
根据品牌调性或用户情绪词（如bouncy, smooth）生成动效代码
针对特定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 模式组件。支持布局、数据展示和交互等多种模式类型，确保符合设计规范和语义化要求。
需要组合多个组件形成特定 UI 模式
根据品牌配方生成界面结构
npx skills add bitjaru/styleseed --skill ss-pattern -g -y
将截图、URL或Figma等设计参考编译为项目本地StyleSeed语法，包含证据、令牌、置信度及反模式分析，并执行验证流程。
用户提供UI设计参考材料
需要基于现有设计生成样式规范
npx skills add bitjaru/styleseed --skill ss-reference -g -y
解析 StyleSeed 项目上下文，生成确定性的规则包（语法、适配器、领域等）。支持锁文件与注册表模式，提供只读诊断以检测配置漂移和安装健康状态，不修改文件。
构建前或设置前需要确定样式规则
项目配置变更或更新 StyleSeed
诊断本地安装问题或规则漂移
npx skills add bitjaru/styleseed --skill ss-resolve -g -y
应用 StyleSeed 美学配置文件，在不改变输出语法和核心设计的前提下协调视觉风格。支持注册表优先的资源解析，确保品牌规范与美学设定的兼容性，并通过评分验证最终效果。
需要调整界面视觉风格但不修改功能逻辑时
选择并应用特定的美学预设（如 editorial, brutalist-lite）时
npx skills add bitjaru/styleseed --skill ss-restyle -g -y
用于审查UI代码是否符合设计系统规范、无障碍标准及最佳实践。涵盖Token合规、组件约定、可访问性、性能等检查，支持Registry优先模式，排除纯无障碍或业务逻辑审查场景。
需要检查UI组件代码是否符合设计规范
评估前端代码的无障碍合规性
审查React/Tailwind项目的代码质量与最佳实践
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 安装，通过精确规则/技能修订同步引擎载荷，保留项目设计决策，重新编译并验证有效包。
用户请求更新 StyleSeed 安装
需要刷新已安装的引擎载荷或技能
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
<remote.archiveUrl>
检查并更新 StyleSeed 引擎载荷，确保修订版本匹配且项目设计决策不被覆盖。通过只读检查对比当前与发布版本，执行安全升级并重新编译验证，避免干扰用户自有代码。
需要更新 StyleSeed 安装版本
验证当前安装的引擎载荷是否与发布版本一致
处理 StyleSeed 的渠道切换或版本同步
npx skills add bitjaru/styleseed --skill ss-update -g -y
Dependencies:
bitjaru/styleseed
<remote.archiveUrl>
