Agent Skills
› nexmoe/DayBee
nexmoe/DayBee
GitHub指导将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动端、平板及桌面端的布局、交互和内容策略，强调基于上下文的重构而非简单缩放。
安装全部 Skills
npx skills add nexmoe/DayBee --all -g -y
集合内 Skills (23)
指导将现有设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动端、平板及桌面端的布局、交互和内容策略，强调基于上下文的重构而非简单缩放。
需要将设计适配到新设备或平台
响应式布局调整需求
多端一致性体验优化
npx skills add nexmoe/DayBee --skill adapt -g -y
分析功能并增强动画、微交互与运动效果，提升可用性与体验。涵盖评估机会、制定策略及实现入场、反馈等动画，需遵循前端设计规范并尊重无障碍设置。
需要为界面添加动画或微交互以提升用户体验
审查功能并优化视觉反馈与过渡效果
npx skills add nexmoe/DayBee --skill animate -g -y
优化界面布局、间距和视觉节奏，解决单调网格和层级不清问题。通过评估现有空间设计并制定系统性改进计划，利用一致的间距系统和结构策略提升视觉层次与构图意图。
界面布局单调或缺乏视觉层次
需要优化元素间距和整体排版
npx skills add nexmoe/DayBee --skill arrange -g -y
对前端界面进行全面审计，涵盖无障碍、性能、主题和响应式设计。生成包含严重性评级和建议的详细报告，不直接修复问题，而是记录问题供其他命令后续处理。
需要评估前端代码质量时
检查界面是否符合无障碍或性能标准时
发现潜在设计反模式需确认时
npx skills add nexmoe/DayBee --skill audit -g -y
提升安全或平淡设计的视觉冲击力与个性，在保持可用性的前提下增加独特性和记忆点。通过分析现状并制定策略，从排版、色彩等维度系统性放大设计效果。
用户反馈设计过于保守或无聊
需要增强界面的视觉吸引力和辨识度
npx skills add nexmoe/DayBee --skill bolder -g -y
用于优化界面文案，提升用户体验。通过分析上下文和受众，改进错误消息、表单标签及按钮文本，消除歧义与术语，使内容更清晰易懂。
需要优化UI界面文案
重写模糊或令人困惑的错误提示
改善微文案以提升可用性
npx skills add nexmoe/DayBee --skill clarify -g -y
为界面引入战略性色彩，解决单调或缺乏视觉吸引力的问题。通过评估现状、规划配色策略及语义/强调色应用，增强界面层次感与情感表达，提升用户体验。
界面颜色过于单调或灰暗
需要增加界面的视觉趣味和表现力
优化状态指示器或交互反馈的色彩
npx skills add nexmoe/DayBee --skill colorize -g -y
提供UX视角的设计评估，检查视觉层级、信息架构及情感共鸣。重点检测AI生成痕迹（AI Slop），确保界面设计具备直觉性、品牌一致性及良好的可发现性，输出 actionable 的改进建议。
需要评估UI/UX设计质量
检查设计是否存在AI生成特征
审查视觉层次与信息架构
npx skills add nexmoe/DayBee --skill critique -g -y
用于在界面中识别并添加提升用户体验的惊喜、个性和趣味细节，将功能性转化为愉悦感。涵盖成功、加载、错误等场景的微交互设计策略与原则。
需要优化UI/UX以提升用户情感体验
设计微交互或动画增强界面趣味性
处理空状态、加载状态或错误状态的个性化展示
npx skills add nexmoe/DayBee --skill delight -g -y
通过移除冗余元素和视觉噪音，对设计进行极简主义简化。识别复杂性来源，提炼核心目标与本质要素，优化信息架构与视觉表现，确保设计简洁、清晰且高效。
需要简化UI设计
解决界面杂乱问题
优化视觉层次结构
npx skills add nexmoe/DayBee --skill distill -g -y
该技能用于识别并提取可复用的UI组件、设计令牌和设计模式，将其整合至设计系统中以实现系统化复用和一致性提升。
发现重复的UI组件或设计模式
存在硬编码的颜色、间距等值需抽象为设计令牌
需要构建或优化共享组件库
npx skills add nexmoe/DayBee --skill extract -g -y
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面或应用，强调通过收集受众和风格上下文来生成具有强烈视觉冲击力和高设计质量的代码。
用户要求构建网页组件
用户要求创建页面或应用
npx skills add nexmoe/DayBee --skill frontend-design -g -y
提升前端界面健壮性，涵盖错误处理、国际化支持、文本溢出及边界情况管理，确保生产环境可用性。
需要增强UI组件对异常数据的容错能力
进行国际化适配或RTL布局调整
解决长文本截断或响应式排版问题
npx skills add nexmoe/DayBee --skill harden -g -y
通用版本发布工作流，自动检测项目配置、版本文件及多语言变更日志。支持按约定提交类型分析变更并生成用户友好的更新说明。
用户说 release
用户说 发布
用户说 new version
用户说 bump version
用户要求 push 或 推送 发布
npx skills add nexmoe/DayBee --skill nexmoe-best-practices-release -g -y
分析并重构功能以匹配设计系统标准，确保UI一致性。涵盖排版、色彩、间距及组件替换，遵循设计令牌与无障碍规范，消除硬编码值，实现符合用户体验的标准化界面。
需要统一界面风格时
发现UI与设计系统不一致时
npx skills add nexmoe/DayBee --skill normalize -g -y
用于设计或优化用户引导流程、空状态及首次使用体验，帮助用户快速理解产品价值并成功上手。
需要设计新用户引导流程
优化产品空状态
改善首次用户体验
npx skills add nexmoe/DayBee --skill onboard -g -y
前端性能优化技能，涵盖加载速度、渲染、动画及包体积。指导测量核心指标（如Core Web Vitals），通过图片压缩、代码分割、CSS优化等手段解决瓶颈，提升用户体验。
用户反馈页面加载慢或卡顿
需要降低JavaScript/CSS包体积
优化首屏时间或交互响应速度
调整图片格式与懒加载策略
npx skills add nexmoe/DayBee --skill optimize -g -y
该技能旨在通过高难度技术实现突破常规的界面体验，如高性能表格、复杂动画和沉浸式交互。要求先提案再开发，并结合浏览器自动化进行视觉迭代验证，确保效果既惊艳又符合项目语境。
需要实现极具创意的视觉效果
优化界面性能至极致
构建复杂的动态交互组件
npx skills add nexmoe/DayBee --skill overdrive -g -y
在交付前进行最终质量检查，修复对齐、间距、一致性及细节问题。需先完成功能开发，通过视觉、排版、色彩和交互状态等多维度系统性优化，确保产品达到旗舰级品质标准。
代码或设计即将发布前的最终审查
修复UI细节、间距和对齐不一致问题
提升产品整体视觉质量和一致性
npx skills add nexmoe/DayBee --skill polish -g -y
降低视觉设计中的过度强烈感，通过调整色彩饱和度、对比度、排版层级和简化元素，使设计更精致柔和且不失影响力。
设计过于鲜艳刺眼
视觉元素竞争导致混乱
需要提升设计的优雅感和亲和力
npx skills add nexmoe/DayBee --skill quieter -g -y
通用发布工作流，自动检测多语言项目的版本文件和变更日志。支持Node.js、Python、Rust等，提供预览及强制版本升级选项，用于简化软件版本发布流程。
用户说'release'或'发布'
用户提及'new version'或'bump version'
用户要求'version'管理或'push'操作
npx skills add nexmoe/DayBee --skill release-skills -g -y
收集项目设计上下文并持久化保存，通过扫描代码库和询问用户确立UI/UX规范，写入配置文件以指导后续所有开发工作。
初始化项目设计规范
建立或更新品牌与设计指南
npx skills add nexmoe/DayBee --skill teach-impeccable -g -y
优化网页排版，通过改进字体选择、层级、大小和一致性来提升可读性与专业感。
需要改善界面文本的可读性
调整字体层级与视觉一致性
npx skills add nexmoe/DayBee --skill typeset -g -y
