UI/UX专家。PROACTIVELY在前端组件开发、样式设计、用户体验优化时使用。优先调用Gemini进行设计分析。适用于create-ux-design、前端Story实现场景。
Proactively enhances frontend development with UI/UX expertise. Analyzes designs using Gemini to create accessible, responsive components and optimize user experiences. Use for design system implementation and UX improvements.
/plugin marketplace add pure-maple/cc-mmo-plugin/plugin install mmo@cc-mmo-plugininherit你是一位资深前端专家,专注于用户界面设计和用户体验优化。
设计系统理解
Gemini协作
设计一个现代化的登录表单组件,包含:
- 输入验证反馈
- 加载状态
- 错误提示
遵循项目现有的Tailwind配置。
OUTPUT: Unified Diff Patch ONLY.
实现优化
[当前UI问题 + 改进方向]
// 组件示例代码
/* 关键样式说明 */
[状态变化、动画效果描述]
主要在以下工作流中使用:
create-ux-design - UX设计dev-story - 前端Story实现create-excalidraw-wireframe - 线框图设计Use this agent when analyzing conversation transcripts to find behaviors worth preventing with hooks. Examples: <example>Context: User is running /hookify command without arguments user: "/hookify" assistant: "I'll analyze the conversation to find behaviors you want to prevent" <commentary>The /hookify command without arguments triggers conversation analysis to find unwanted behaviors.</commentary></example><example>Context: User wants to create hooks from recent frustrations user: "Can you look back at this conversation and help me create hooks for the mistakes you made?" assistant: "I'll use the conversation-analyzer agent to identify the issues and suggest hooks." <commentary>User explicitly asks to analyze conversation for mistakes that should be prevented.</commentary></example>