Agent Skills
› nexmoe/eve
nexmoe/eve
GitHub指导将现有设计适配至不同屏幕尺寸、设备及平台,确保跨环境体验一致。涵盖移动端、平板及桌面端的布局、交互和内容策略规划。
Install All Skills
npx skills add nexmoe/eve --all -g -y
Skills in Collection (22)
指导将现有设计适配至不同屏幕尺寸、设备及平台,确保跨环境体验一致。涵盖移动端、平板及桌面端的布局、交互和内容策略规划。
需要将设计从桌面端适配到移动端
需要优化多设备响应式体验
跨平台UI一致性调整
npx skills add nexmoe/eve --skill adapt -g -y
分析功能特性并战略性地添加动画与微交互,以提升用户体验、提供反馈并增加愉悦感。需遵循前端设计原则,评估性能约束及无障碍需求(如 prefers-reduced-motion),系统性地实施入口动画和微交互。
需要为功能添加视觉动效或微交互
优化用户界面反馈和过渡体验
npx skills add nexmoe/eve --skill animate -g -y
专注于前端界面布局优化,通过评估并改进间距、视觉层级、网格结构和节奏感,解决单调拥挤或结构薄弱的问题,创建有意图的视觉构图。
用户请求优化页面布局
反馈界面排版混乱或缺乏层次
npx skills add nexmoe/eve --skill arrange -g -y
执行前端界面质量的全面审计,涵盖无障碍、性能、主题和响应式设计。生成包含严重性评级和建议的详细报告,仅记录问题而不修复,为后续优化提供依据。
需要评估前端代码质量时
检查界面是否符合无障碍标准时
发现页面性能或设计问题时
npx skills add nexmoe/eve --skill audit -g -y
用于增强过于保守或平淡的设计,通过放大排版、色彩和层级对比来提升视觉冲击力与个性,同时确保可用性和品牌一致性。
设计过于安全或通用
需要增加视觉吸引力
提升界面记忆点
npx skills add nexmoe/eve --skill bolder -g -y
优化界面文案,提升清晰度与可用性。分析错误提示、表单标签及按钮文本,消除歧义和术语,提供改进策略并生成符合用户语境的具体文案。
优化UX文案
改写错误消息
改善微复制内容
npx skills add nexmoe/eve --skill clarify -g -y
为单调或缺乏视觉吸引力的界面策略性引入色彩,通过语义状态、层级强调和背景 tint 提升交互体验与品牌一致性。
界面过于灰暗或单色
需要增强视觉层次或情感表达
缺少状态指示颜色
npx skills add nexmoe/eve --skill colorize -g -y
评估界面设计的UX有效性,涵盖视觉层级、信息架构及情感共鸣。重点检测AI生成痕迹,提供可操作的改进建议,模拟设计总监视角进行全方位评审。
需要评估UI/UX设计质量时
检查设计是否存在AI生成特征时
npx skills add nexmoe/eve --skill critique -g -y
用于识别并增强界面中的愉悦体验,通过微交互、动画和个性化细节提升用户满意度。需结合前端设计技能,确保惊喜不干扰核心功能,适配品牌与场景。
需要优化UI/UX以提升用户体验
为界面添加微交互或趣味细节
改善成功、加载或错误状态的情感化设计
npx skills add nexmoe/eve --skill delight -g -y
通过移除不必要的复杂性和视觉噪音,简化前端设计。分析当前状态以识别杂乱来源,制定精简策略,并从信息架构和视觉层面优化界面,确保设计简洁、清晰且以用户目标为核心。
需要简化或重构现有UI/UX设计
解决界面视觉杂乱、元素过多或层级混乱问题
提升设计简洁度和核心功能突出性
npx skills add nexmoe/eve --skill distill -g -y
该技能用于从现有代码或设计中识别、提取并整合可复用的UI组件、设计令牌和模式,以构建或完善前端设计系统,提升一致性与维护性。
需要统一UI风格时
发现重复的UI实现
希望建立或优化设计系统
npx skills add nexmoe/eve --skill extract -g -y
指导创建独特且生产级的前端界面,避免通用AI美学。通过收集受众、用例和品牌语调等上下文,确立大胆的设计方向,并实现注重细节的精美代码。
构建Web组件或页面
设计海报或应用程序界面
npx skills add nexmoe/eve --skill frontend-design -g -y
提升前端界面鲁棒性,涵盖异常处理、i18n支持、文本溢出及边缘场景管理。通过测试极端输入和错误场景,优化CSS布局与响应式文本,确保生产环境稳定性。
需要增强界面容错能力
处理多语言适配问题
解决文本溢出或布局崩溃
优化极端数据下的UI表现
npx skills add nexmoe/eve --skill harden -g -y
分析并重构前端功能,使其严格符合设计系统的规范、美学和模式。通过调研设计文档、分析当前差异并制定计划,系统性地将硬编码样式替换为设计令牌,确保UI一致性、可访问性和用户体验。
需要统一前端界面风格
将自定义组件迁移至设计系统
修复UI不一致性问题
npx skills add nexmoe/eve --skill normalize -g -y
指导设计和优化产品引导流程、空状态及首次用户体验,帮助用户快速理解价值并成功上手。涵盖需求评估、核心设计原则(如展示而非告知、尊重用户)及具体场景实现指南。
需要设计新用户引导流程
优化产品空状态体验
改善首次用户体验以缩短价值达成时间
npx skills add nexmoe/eve --skill onboard -g -y
专注于前端性能优化,涵盖加载速度、渲染效率、动画及资源体积。提供测量核心指标与识别瓶颈的方法,并给出图片、JS/CSS、字体等具体优化策略。
提升页面加载速度
优化渲染性能
减少资源体积
npx skills add nexmoe/eve --skill optimize -g -y
推动界面突破常规限制,实现高复杂度前端交互与视觉特效。涵盖高性能渲染、物理动画及沉浸式体验,强调基于上下文的方案提案与浏览器自动化迭代验证。
需要实现超越常规的复杂前端交互效果
构建高性能虚拟列表或实时流式反馈表单
设计具有电影感或感官冲击力的页面过渡与动画
npx skills add nexmoe/eve --skill overdrive -g -y
在功能完成后进行最终质量审查,修复对齐、间距、一致性及细节问题,确保产品达到发布标准。
准备发布前
检查视觉一致性
修复UI细节缺陷
npx skills add nexmoe/eve --skill polish -g -y
用于降低设计视觉强度,使过于大胆或激进的设计变得精致、柔和且易读,同时保持设计质量与影响力。
用户反馈设计过于刺眼或混乱
需要优化界面视觉层级和舒适度
npx skills add nexmoe/eve --skill quieter -g -y
通用发布工作流,自动检测项目配置、版本文件和变更日志。支持多语言Changelog生成与语义化版本升级,适用于Node.js、Python、Rust等项目。
用户输入 release, 发布, new version, bump version, push, 推送等关键词
执行 /release-skills 命令
npx skills add nexmoe/eve --skill release-skills -g -y
通过扫描代码库和询问用户,收集项目的设计上下文(如品牌、用户、美学偏好),并将其持久化保存至配置文件,为后续AI辅助开发提供统一的设计指导原则。
需要确立项目设计规范
初始化AI设计助手配置
npx skills add nexmoe/eve --skill teach-impeccable -g -y
评估并优化前端排版,修复字体选择、层级、大小及一致性,提升可读性与设计感。
需要改进界面文本的视觉层级
解决字体使用不一致或可读性差的问题
npx skills add nexmoe/eve --skill typeset -g -y


