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
从UX视角评估界面设计有效性，涵盖视觉层次、信息架构及情感共鸣。重点检测AI生成痕迹（AI Slop），提供可执行的改进反馈，模拟设计总监进行全方位的设计评审。
需要评估UI/UX设计方案
检查设计是否像AI生成内容
获取界面设计的质量反馈
npx skills add nexmoe/eve --skill critique -g -y
该 Skill 旨在通过添加微交互、动画和个性化细节，将功能性界面转化为令人愉悦的体验。它指导识别成功、加载等场景的惊喜时刻，确保设计符合品牌调性且不干扰核心任务，提升用户满意度。
需要优化界面用户体验
设计微交互动画或彩蛋
增强产品情感化设计
npx skills add nexmoe/eve --skill delight -g -y
通过移除多余复杂性来简化设计，聚焦核心要素，优化信息架构与视觉呈现，提升界面清晰度与用户体验。
用户反馈设计过于复杂或杂乱
需要精简UI元素以提升简洁性
优化现有界面的视觉层级与信息密度
npx skills add nexmoe/eve --skill distill -g -y
用于从代码库中识别、提取并整合可复用的UI组件和设计令牌到设计系统，提升一致性与维护性。
发现重复的UI模式或硬编码值
需要构建或优化前端组件库
npx skills add nexmoe/eve --skill extract -g -y
指导创建独特且生产级的前端界面，避免通用AI审美。通过收集受众、用例和品牌调性上下文，制定大胆的设计方向，生成具有卓越美学细节和创意选择的代码。
构建Web组件
设计页面或应用
npx skills add nexmoe/eve --skill frontend-design -g -y
提升前端界面鲁棒性，处理文本溢出、国际化适配及异常场景，确保生产环境稳定性。
修复UI布局在极端数据下的崩溃
优化多语言与RTL支持
增强错误状态展示
npx skills add nexmoe/eve --skill harden -g -y
分析并重构前端功能，使其严格符合设计系统标准。通过调研设计文档、分析当前偏差，系统性调整排版、颜色、间距及组件，确保视觉与交互的一致性。
需要统一前端UI风格时
修复界面与设计规范不一致的问题时
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指标问题
优化前端资源体积（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
通用发布工作流，自动检测项目配置、版本文件和多语言变更日志。支持Node.js、Python等，根据提交类型确定版本号并生成变更说明。
release
发布
new version
bump version
push
推送
npx skills add nexmoe/eve --skill release-skills -g -y
收集项目设计上下文并持久化保存，为后续AI会话建立统一的设计规范。通过扫描代码库和询问用户，提炼品牌、美学及无障碍需求，生成设计指南文件。
需要初始化项目设计规范时
为新项目建立统一的UI/UX指导原则时
npx skills add nexmoe/eve --skill teach-impeccable -g -y
专注于前端界面排版优化，通过规范字体选择、层级结构、字号比例及可读性，消除默认样式，提升视觉一致性与专业感。
用户反馈界面文字排版杂乱或缺乏设计感
需要统一品牌视觉风格的字体规范
检查并优化UI组件的文本可读性与层级
npx skills add nexmoe/eve --skill typeset -g -y
