Agent Skills
› nexmoe/DayBee
nexmoe/DayBee
GitHub指导将设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动、平板和桌面端的布局、交互及内容策略，强调基于上下文重新思考体验而非简单缩放。
Install All Skills
npx skills add nexmoe/DayBee --all -g -y
Skills in Collection (22)
指导将设计适配至不同屏幕尺寸、设备及平台，确保跨环境体验一致。涵盖移动、平板和桌面端的布局、交互及内容策略，强调基于上下文重新思考体验而非简单缩放。
需要将现有设计适配到新设备或平台
处理响应式布局或多端一致性需求
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
优化界面文案，包括错误消息、微复制和标签，提升产品易用性和清晰度。
需要改进用户界面文本的可读性
撰写或优化错误提示和操作指引
npx skills add nexmoe/DayBee --skill clarify -g -y
为单调或缺乏视觉吸引力的界面策略性引入色彩，增强层次感、语义表达及情感氛围。需先遵循前端设计规范收集上下文，制定配色计划后系统性地应用于状态指示、主要操作及背景等维度。
界面过于灰暗或单调
需要提升界面的视觉吸引力与表现力
缺乏明确的色彩层级或语义标识
npx skills add nexmoe/DayBee --skill colorize -g -y
从UX视角评估界面设计有效性，涵盖视觉层级、信息架构及情感共鸣等维度。重点检测AI生成痕迹，提供可操作的改进反馈，帮助用户提升设计质量与用户体验。
需要评估界面设计的视觉效果
检查设计是否存在AI生成特征
获取UI/UX改进建议
npx skills add nexmoe/DayBee --skill critique -g -y
识别界面中可增强体验的愉悦点，结合前端设计原则，在成功、加载等状态添加微交互与动画，提升趣味性与品牌个性，确保不干扰核心功能。
需要优化界面用户体验以提升趣味性
为特定状态（如加载、成功）设计微交互动画
根据品牌调性调整界面情感化设计
npx skills add nexmoe/DayBee --skill delight -g -y
通过移除不必要的复杂性来简化设计，揭示核心元素。用于识别视觉噪音、信息过载和混乱层级，制定精简策略，优化信息架构与视觉呈现，确保设计简洁有力且聚焦用户核心目标。
设计过于复杂或杂乱
需要简化UI/UX以提升清晰度
减少视觉噪音和冗余元素
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
用于将功能界面标准化，使其符合设计系统的规范、美学和模式。通过分析现有设计与系统差异，制定计划并执行修改，确保在排版、颜色、组件、交互等方面的一致性，提升用户体验和可维护性。
需要统一前端UI风格时
重构界面以匹配设计系统时
npx skills add nexmoe/DayBee --skill normalize -g -y
用于设计和优化新用户引导流程、空状态及首次体验，帮助用户快速理解产品价值并上手。
设计新用户引导流程
优化空状态界面
改善首次用户体验
npx skills add nexmoe/DayBee --skill onboard -g -y
用于前端性能优化，涵盖加载速度、渲染效率及资源体积。提供测量指标与代码级改进策略。
用户报告页面加载缓慢或卡顿
需要降低JS/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 等多种语言，根据提交类型和 Breaking Changes 智能建议版本号递增，辅助完成代码发布流程。
用户提及 release、发布、new version、bump version、push、推送
执行 /release-skills 命令
npx skills add nexmoe/DayBee --skill release-skills -g -y
一次性收集项目设计上下文并持久化保存，用于确立持久的设计规范。通过扫描代码库和询问用户来明确品牌、美学及无障碍要求，生成设计指南文件以指导后续所有工作。
需要建立或更新项目设计规范时
为新项目初始化设计上下文配置时
npx skills add nexmoe/DayBee --skill teach-impeccable -g -y
该技能用于评估并优化前端界面的排版设计，包括字体选择、层级结构、尺寸比例和可读性。通过系统性计划改进文字呈现，消除默认样式的平庸感，确保文本清晰、一致且符合品牌调性，提升整体视觉体验。
用户希望改善界面文字的视觉效果
发现当前排版存在不一致或可读性问题
需要建立或优化系统的字体层级规范
npx skills add nexmoe/DayBee --skill typeset -g -y
