Agent Skills
› nexmoe/eve
nexmoe/eve
GitHub将现有设计适配至不同屏幕尺寸、设备及平台,确保跨环境体验一致性。涵盖移动端、平板及桌面端的布局、交互与内容策略规划。
Install All Skills
npx skills add nexmoe/eve --all -g -y
Skills in Collection (22)
将现有设计适配至不同屏幕尺寸、设备及平台,确保跨环境体验一致性。涵盖移动端、平板及桌面端的布局、交互与内容策略规划。
需要将设计适配到不同设备或平台
检查设计在多上下文下的兼容性
npx skills add nexmoe/eve --skill adapt -g -y
分析功能特性并增强动画、微交互及运动效果,提升可用性与用户体验。需结合前端设计原则,评估静态区域,制定策略后系统实现入场、反馈等动画,并尊重无障碍设置。
需要为界面添加动画或微交互
优化用户操作反馈与过渡体验
提升产品视觉吸引力与交互流畅度
npx skills add nexmoe/eve --skill animate -g -y
评估并优化界面布局、间距及视觉节奏,解决单调网格和层级不清问题。通过建立一致的间距系统和结构化策略,将通用排列转化为有意图的构图,提升视觉层次与用户体验。
界面布局显得单调或拥挤
间距不一致或缺乏视觉层级
需要优化页面空间结构和视觉节奏
npx skills add nexmoe/eve --skill arrange -g -y
对前端界面进行系统性质量审计,涵盖无障碍、性能、主题和响应式设计。检测反模式并生成包含严重性评级及修复建议的详细报告,仅记录问题而不执行修复。
需要全面评估前端代码质量时
检查界面是否符合无障碍、性能及设计规范时
在修复前识别潜在设计缺陷和AI生成痕迹时
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
为单调或缺乏视觉吸引力的界面策略性引入颜色,增强交互体验。需先遵循前端设计规范收集上下文,分析色彩机会后制定配色方案,系统性地添加语义、强调及背景色彩,确保每处用色皆有目的。
界面过于单色或灰暗
缺乏视觉趣味或个性
需要提升界面参与度
npx skills add nexmoe/eve --skill colorize -g -y
评估界面设计的用户体验效果,涵盖视觉层次、信息架构及情感共鸣等维度。重点检测AI生成痕迹,提供可执行的设计优化反馈,旨在提升设计质量与用户感知。
需要评估UI/UX设计有效性
检查设计是否存在AI生成特征
获取界面设计的专业评审意见
npx skills add nexmoe/eve --skill critique -g -y
识别界面中增加趣味性和个性的机会,通过微交互、动画和文案提升用户体验。遵循前端设计原则,确保愉悦感增强而非阻碍可用性,适配品牌与用户场景。
需要优化UI/UX以提升用户情感体验
设计成功、空状态或加载状态的细节
添加微交互、彩蛋或个性化反馈
npx skills add nexmoe/eve --skill delight -g -y
通过移除设计中的冗余元素和复杂性,提炼核心功能与视觉本质,实现界面的简洁、清晰与高效。
分析并简化复杂或杂乱的界面设计
优化信息架构以减少认知负荷
精简视觉元素以提升用户体验
npx skills add nexmoe/eve --skill distill -g -y
识别并提取可复用的UI组件、设计令牌及模式,整合至设计系统。涵盖发现机会、制定计划、构建增强组件与迁移替换流程,旨在提升代码一致性与维护性。
需要建立或优化设计系统
识别重复UI模式以提取组件
将硬编码值转换为设计令牌
npx skills add nexmoe/eve --skill extract -g -y
指导创建具有独特设计感的生产级前端界面,避免通用AI美学。通过收集目标受众和使用场景等上下文,确定大胆的美学方向,并生成高质量、视觉引人注目的前端代码实现。
构建网页组件或页面
设计应用程序界面
制作海报或艺术性展示
npx skills add nexmoe/eve --skill frontend-design -g -y
提升界面韧性,处理极端输入、错误场景及国际化问题。通过文本溢出控制、弹性布局和i18n支持,确保UI在生产环境中的鲁棒性与兼容性。
需要处理长文本或特殊字符的显示
检查界面在弱网或API错误下的表现
适配RTL语言或多语言内容布局
优化响应式排版与容器溢出
npx skills add nexmoe/eve --skill harden -g -y
分析并重构功能以符合设计规范,确保UI一致性。通过收集上下文、制定对齐计划,系统性修正排版、颜色、间距、组件及无障碍等维度的偏差,杜绝硬编码和自定义组件。
需要统一UI风格
修复设计不一致问题
遵循设计系统规范
npx skills add nexmoe/eve --skill normalize -g -y
专注于设计和优化用户引导流程、空状态及首次体验,帮助用户快速理解产品价值并成功上手。涵盖需求评估、设计原则及具体场景实现。
需要设计新用户引导流程
优化产品空状态或首次使用体验
分析用户流失原因并改进 onboarding
npx skills add nexmoe/eve --skill onboard -g -y
专注于前端界面性能优化,涵盖加载速度、渲染效率、动画流畅度及资源体积缩减。通过测量Core Web Vitals等指标识别瓶颈,并提供图片、JS/CSS打包、字体及渲染策略的系统性改进方案。
页面加载速度慢
需要优化Core Web Vitals指标
前端性能分析
减少JavaScript包体积
优化图片加载和渲染
npx skills add nexmoe/eve --skill optimize -g -y
一种前端交互增强技能,通过高级技术实现超越常规的界面效果。涵盖视觉特效、高性能数据渲染及流畅动画,强调在实施前进行方向评估与用户确认,并利用浏览器自动化进行视觉迭代优化。
需要实现复杂或惊艳的视觉效果
处理大规模数据的高性能渲染需求
提升界面交互的流畅度与动态反馈
npx skills add nexmoe/eve --skill overdrive -g -y
在发布前进行最终质量检查,修复对齐、间距、一致性和细节问题。需先确认功能完整性,再系统性优化视觉、排版、色彩及交互状态,确保达到旗舰级交付标准。
准备发布前的最终审查
修复界面细节和一致性瑕疵
npx skills add nexmoe/eve --skill polish -g -y
降低设计视觉强度,优化色彩饱和度和对比度,减少元素复杂度,使界面更精致柔和且不失影响力。
用户反馈设计过于激进或刺眼
需要降低UI的视觉冲击力以提升舒适度
npx skills add nexmoe/eve --skill quieter -g -y
通用版本发布工作流,自动检测项目配置、版本文件及多语言变更日志。支持 Node.js、Python、Rust 等语言,提供语义化版本升级建议与预览功能,适用于各类项目的发布流程。
用户提及 release、发布、新版本、bump version、push、推送
npx skills add nexmoe/eve --skill release-skills -g -y
收集项目设计上下文并持久化保存,通过扫描代码库和询问用户明确品牌、审美及无障碍需求,生成设计规范文件以指导后续所有开发工作。
需要建立或更新项目设计规范
初始化 AI 辅助开发的视觉上下文
npx skills add nexmoe/eve --skill teach-impeccable -g -y
用于评估并优化前端排版,修复字体选择、层级、尺寸及一致性,提升可读性与设计感。
文本看起来平庸或结构混乱
需要统一字体和层级规范
npx skills add nexmoe/eve --skill typeset -g -y


