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
执行前端界面质量审计,覆盖无障碍、性能、主题和响应式设计。生成包含严重程度评级和建议的详细报告,不直接修复问题,而是记录缺陷供后续命令处理。
需要全面评估前端界面质量
生成UI/UX合规性与最佳实践审计报告
npx skills add nexmoe/eve --skill audit -g -y
用于增强过于保守或平淡的设计,通过放大排版、色彩和层级对比来提升视觉冲击力和个性,同时确保可用性和品牌一致性。
设计显得平庸或缺乏吸引力
需要提升界面视觉冲击力
优化营销页面以增强记忆点
npx skills add nexmoe/eve --skill bolder -g -y
优化界面文案、错误提示及微交互文本,通过消除歧义和简化语言提升用户体验。
需要改进用户界面文案
优化错误提示信息
npx skills add nexmoe/eve --skill clarify -g -y
为单调或缺乏视觉吸引力的界面策略性地引入色彩,通过语义、层级和背景优化提升用户体验与品牌表达。
界面颜色过于单一或灰暗
需要增强界面的视觉吸引力
npx skills add nexmoe/eve --skill colorize -g -y
从UX视角评估界面设计有效性,涵盖视觉层次、信息架构及情感共鸣等维度。重点检测AI生成痕迹,提供 actionable 反馈以优化整体设计质量与用户体验。
需要评估UI/UX设计质量
检查界面是否存在AI生成特征
寻求专业设计改进建议
npx skills add nexmoe/eve --skill critique -g -y
识别界面中可增强愉悦感的细节,通过微交互、动画和个性化设计提升用户体验。遵循上下文评估原则,确保 delight 不阻碍核心功能,适用于前端界面的情感化与趣味性优化。
需要优化 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
提升前端界面健壮性,通过处理文本溢出、国际化适配、错误场景及极端输入等边缘情况,确保产品在生产环境中的稳定性与可用性。
需要增强界面容错能力
处理国际化多语言支持
优化长文本或特殊字符显示
修复边界条件导致的UI异常
npx skills add nexmoe/eve --skill harden -g -y
用于分析和重设计功能,使其严格匹配设计系统标准与美学规范。通过收集上下文、分析偏差并制定计划,系统性地在排版、色彩、布局等维度消除不一致,确保UI/UX的一致性与可访问性。
需要统一界面风格以符合设计规范
重构现有功能以对齐设计系统组件和令牌
npx skills add nexmoe/eve --skill normalize -g -y
指导设计或优化用户引导流程、空状态及首次体验,帮助用户快速理解产品价值并成功上手。涵盖需求评估、核心原则(如展示而非告知、尊重用户智能)及具体场景设计,旨在缩短用户获取价值的路径。
需要设计新用户引导流程
优化产品空状态体验
提升用户首次使用成功率
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
用于降低视觉设计中的过度强烈感,通过调整色彩饱和度、对比度、排版层级和简化元素,将激进或刺眼的设计转化为精致、柔和且易于接受的风格,同时保持设计的有效性和影响力。
设计过于鲜艳或饱和
视觉元素竞争导致混乱
需要降低界面攻击性
提升设计的精致感和舒适度
npx skills add nexmoe/eve --skill quieter -g -y
通用发布工作流,自动检测项目配置、版本文件和多语言变更日志。支持Node.js/Python/Rust等,可分析提交记录并智能决定版本号升级幅度。
用户提及发布或版本更新相关指令
执行版本推送操作
npx skills add nexmoe/eve --skill release-skills -g -y
通过扫描代码库和询问用户,收集项目的设计上下文(如品牌、用户、美学偏好),并持久化保存至配置文件,为后续所有会话建立统一的设计指导原则。
需要确立或更新项目的UI/UX设计规范
初始化新项目的视觉风格指南
解决设计不一致性问题
npx skills add nexmoe/eve --skill teach-impeccable -g -y
用于评估并优化前端界面的排版设计,包括字体选择、层级结构、字号比例及可读性,确保文本清晰、一致且符合品牌调性。
需要优化界面文字的可读性或视觉层级
感觉当前排版过于通用或缺乏设计感
检查字体使用是否规范或存在不一致
npx skills add nexmoe/eve --skill typeset -g -y


