Agent Skills
› Southclaws/storyden
Southclaws/storyden
GitHub将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。通过收集上下文、评估挑战并制定布局与交互策略（如移动端单列、平板混合布局），实现响应式重构。
Install All Skills
npx skills add Southclaws/storyden --all -g -y
Skills in Collection (26)
将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。通过收集上下文、评估挑战并制定布局与交互策略（如移动端单列、平板混合布局），实现响应式重构。
需要将设计从桌面端迁移至移动端
需要为不同设备或平台调整UI布局与交互
涉及响应式设计或多端适配任务
npx skills add Southclaws/storyden --skill adapt -g -y
用于创建或优化 Storyden 内置机器人，设计 Playbook、工具契约及评估场景。涵盖工作流定义、工具映射、响应塑造、Playbook 编写及测试验证，旨在提升机器人自主性与可靠性。
创建新的 Storyden Robot
改进现有 Robot 的 Playbook
设计或优化 Tool 描述与 Schema
构建 Robot 的评估场景
npx skills add Southclaws/storyden --skill agent-builder -g -y
分析功能特性，通过添加目的性动画、微交互和运动效果提升可用性与体验。需遵循前端设计原则，评估性能与无障碍需求，制定并实施入口、反馈及过渡动画策略。
需要为界面添加动效
优化用户交互体验
增强视觉反馈与引导
npx skills add Southclaws/storyden --skill animate -g -y
用于评估并优化前端布局、间距及视觉层级，解决单调网格和结构薄弱问题，通过建立一致的间距系统和层次策略创建有节奏感的构图。
界面布局单调或拥挤
需要改善视觉层次和间距一致性
修复结构薄弱的空间设计
npx skills add Southclaws/storyden --skill arrange -g -y
执行前端界面质量审计，涵盖无障碍、性能、主题和响应式设计。不修复问题，仅生成包含严重性评级和建议的详细报告，供其他命令后续处理。
需要全面检查前端代码质量
评估UI/UX是否符合无障碍和性能标准
生成前端设计审计报告
npx skills add Southclaws/storyden --skill audit -g -y
用于增强安全或平淡设计的视觉冲击力与个性，在保持可用性的前提下通过排版、色彩和层级放大设计效果。
设计过于保守或通用
需要提升视觉吸引力
npx skills add Southclaws/storyden --skill bolder -g -y
优化界面文案、错误提示及微交互文本，提升用户理解与使用体验。涵盖评估现状、制定策略及系统性改进，适用于前端设计中的用户体验写作场景。
需要优化界面文案或错误消息
改善微交互或标签以提升易用性
npx skills add Southclaws/storyden --skill clarify -g -y
为单调界面战略性地引入色彩，提升视觉吸引力。涵盖语义状态、层级强调及背景优化，遵循品牌规范与设计原则，确保色彩具有明确目的且符合无障碍标准。
界面缺乏视觉兴趣或过于单调
需要增强功能区的表达力与参与度
npx skills add Southclaws/storyden --skill colorize -g -y
评估界面设计的可用性、视觉层级、信息架构及情感共鸣，重点检测AI生成痕迹并提供可操作的改进建议。
需要评估UI/UX设计质量
检查设计是否存在AI生成特征
审查视觉层次与信息架构
npx skills add Southclaws/storyden --skill critique -g -y
识别界面中可增强用户体验的愉悦点，通过微交互、动画和个性化细节提升功能界面的情感价值。需遵循前端设计原则，确保惊喜感不干扰核心任务，并适配品牌与受众语境。
需要优化UI/UX的情感化设计
为成功、空状态或加载等场景添加微交互
提升界面的趣味性和记忆点
npx skills add Southclaws/storyden --skill delight -g -y
通过移除设计中的冗余元素和复杂性，提炼核心功能与视觉本质，实现界面的简洁、清晰与高效，提升用户体验。
需要简化界面设计
解决视觉杂乱或信息过载问题
npx skills add Southclaws/storyden --skill distill -g -y
识别并提取可复用的UI组件、设计令牌和模式，将其整合至设计系统以实现系统化复用。
需要建立或优化设计系统
发现重复的UI实现需统一
npx skills add Southclaws/storyden --skill extract -g -y
用于创建具有独特设计感、生产级的前端界面。指导收集受众与品牌上下文，确立大胆的美学方向，并生成避免通用AI风格的精美代码，涵盖排版等前端细节规范。
构建Web组件或页面
设计海报或应用程序界面
需要高设计质量的UI实现
npx skills add Southclaws/storyden --skill frontend-design -g -y
提升界面健壮性，通过处理错误、国际化、文本溢出及边界情况，确保前端组件在极端输入和异常场景下稳定运行。
需要增强界面容错能力
处理国际化适配问题
解决文本溢出布局问题
npx skills add Southclaws/storyden --skill harden -g -y
确保前端功能与设计系统规范一致，通过替换组件、使用设计令牌及统一样式来消除不一致性，提升用户体验和可维护性。
需要统一UI风格
修复设计偏差
重构前端组件
npx skills add Southclaws/storyden --skill normalize -g -y
设计或优化用户引导流程、空状态及首次体验，帮助用户快速理解产品价值并成功上手。
需要设计新用户引导流程
优化产品空状态体验
npx skills add Southclaws/storyden --skill onboard -g -y
用于前端性能优化，涵盖加载、渲染、动画及资源体积。通过测量核心指标识别瓶颈，实施图片、JS/CSS代码分割与压缩等策略，提升用户体验流畅度。
页面加载速度慢
需要降低包体积
优化渲染性能
改善Core Web Vitals指标
npx skills add Southclaws/storyden --skill optimize -g -y
该技能旨在通过技术实现突破常规的用户界面体验，如高性能虚拟列表、复杂动画和实时交互。要求先评估设计语境并提案方向，再结合浏览器自动化进行视觉迭代优化，确保效果既惊艳又符合项目调性。
需要创建极具视觉冲击力或技术难度的前端界面
用户希望实现超越常规标准的交互体验
npx skills add Southclaws/storyden --skill overdrive -g -y
在交付前进行最终质量检查，修复对齐、间距、一致性及细节问题，确保从良好到卓越的转变。
准备发布前的最终审查
修复UI视觉不一致和排版细节
npx skills add Southclaws/storyden --skill polish -g -y
用于降低视觉设计中的过度强烈感，通过调整色彩饱和度、对比度、排版层级和简化元素，使设计更精致、柔和且易读，同时保持核心影响力。
设计过于激进或刺眼
需要提升设计的优雅感和舒适度
视觉元素过多导致混乱
npx skills add Southclaws/storyden --skill quieter -g -y
用于扫描 React 代码库的安全性、性能、正确性和架构问题，提供健康评分。支持变更回归检查、全面清理及 UI 设计审计，并集成本地排错工作流以自动修复问题。
完成功能或修复 Bug 后提交前
用户输入 /doctor 请求扫描或清理
npx skills add Southclaws/storyden --skill react-doctor -g -y
一次性设置技能，通过扫描代码库和询问用户，收集项目设计上下文并持久化保存至配置文件，为后续开发建立统一的设计指南。
需要初始化项目设计规范
建立跨会话的设计上下文
npx skills add Southclaws/storyden --skill teach-impeccable -g -y
专注于前端排版优化，通过修正字体选择、层级结构、尺寸比例及一致性，提升文本可读性与视觉质感，将默认样式转化为精心设计的排版效果。
需要改善界面文字的可读性
修复字体层级混乱或风格不统一的问题
npx skills add Southclaws/storyden --skill typeset -g -y
基于Chrome CDP的AI代理浏览器自动化CLI，支持网页交互、表单填写、截图、数据提取及Electron/Slack等应用自动化。
打开网站或页面导航
填写表单或点击按钮
截图或提取页面数据
测试Web应用质量或探索性测试
自动化Electron桌面应用操作
npx skills add Southclaws/storyden --skill agent-browser -g -y
专注于前端界面设计、重构与优化的技能，涵盖UX审计、视觉层级、可访问性及响应式布局。支持从平淡到惊艳的UI改造及微交互设计，强调生产级代码与创意结合，适用于网站、仪表盘等所有前端UI任务。
需要设计或重新设计前端界面
请求进行UI审查、优化或美化
处理前端组件、表单或仪表盘的视觉调整
npx skills add Southclaws/storyden --skill impeccable -g -y
专注前端界面设计与优化的技能，涵盖网站、仪表盘及组件的视觉重构、UX审查、可访问性及性能优化。适用于提升UI美感、交互细节与设计系统规范，不适用于后端逻辑任务。
用户要求设计或重新设计前端界面
需要审查或优化UI/UX体验
涉及前端组件、布局或主题的调整
npx skills add Southclaws/storyden --skill impeccable -g -y
