Set up and manage a UI redesign experiment with three git worktree branches for modern minimal, bold creative, and classic refined design directions. Use when asked to run a UI redesign experiment, compare design approaches, or prototype multiple visual directions in parallel branches.
中文简介正在准备中。当前显示原文说明。
查看安装方法安装前可以查看交给 AI 代理的指令内容。
First, create 3 git worktree branches from the current main branch:
ui-redesign-modern-minimalui-redesign-bold-creativeui-redesign-classic-refinedSet up the worktree structure:
git worktree add ../project-modern-minimal ui-redesign-modern-minimal
git worktree add ../project-bold-creative ui-redesign-bold-creative
git worktree add ../project-classic-refined ui-redesign-classic-refined
Design Directions for Each Branch Branch 1: Modern Minimal (ui-redesign-modern-minimal) Work in ../project-modern-minimal
Design Philosophy: Clean, minimalist, lots of whitespace Color Palette: Monochromatic with one accent color Typography: Sans-serif, limited font weights Components: Flat design, subtle shadows, micro-interactions Focus: Maximum usability and clarity
Branch 2: Bold Creative (ui-redesign-bold-creative) Work in ../project-bold-creative
Design Philosophy: Vibrant, experimental, attention-grabbing Color Palette: Bold gradients, contrasting colors Typography: Mix of fonts, creative text treatments Components: 3D elements, animations, glassmorphism Focus: Memorable user experience and visual impact
Branch 3: Classic Refined (ui-redesign-classic-refined) Work in ../project-classic-refined
Design Philosophy: Timeless, professional, trustworthy Color Palette: Traditional color schemes, navy/gold/cream Typography: Serif fonts for headers, clean sans for body Components: Card-based layouts, subtle borders, traditional patterns Focus: Professional appearance and accessibility
Implementation Tasks for Each Branch For each design direction, implement these changes:
Update the main color scheme and CSS variables Redesign the homepage/landing page Update the navigation menu style Redesign at least 2 key components (buttons, cards, forms, etc.) Create a style guide document showing the design system Update any relevant documentation
Working Process
Start with branch 1, make all changes, commit with clear messages Move to branch 2, repeat the process Move to branch 3, complete the redesign After all three are complete, create a comparison document
Final Deliverable Create a COMPARISON.md file in the main branch that includes:
Screenshots of each design approach Pros and cons of each approach Performance metrics if applicable Recommendation for which design to move forward with
Please proceed with this setup and implementation. Start by creating the worktree branches and confirming they're set up correctly, then begin with the Modern Minimal design.
还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
中文简介正在准备中。当前显示原文说明。
Rebuilds session context after a clear by reading git history, plans, and beads state. Triggers on 'catch up'.
中文简介正在准备中。当前显示原文说明。
Generate a bullet-point summary of branch changes for a PR description. Triggers on "changelog", "pr summary", "summarize branch", or "/changelog".
中文简介正在准备中。当前显示原文说明。
Commit the current changes with quality checks, status review, staged diff inspection, appropriate tests, and a clear commit message. Use when the user says "commit", "c", asks to make a commit, or wants changes saved in git.
中文简介正在准备中。当前显示原文说明。
Refactor code to remove dead code, useless comments, unused variables, and unused imports. Use when asked to declutter a class, clean up noisy code, remove cruft, or run `/refactor:declutter`.
中文简介正在准备中。当前显示原文说明。
Refactor duplicated code by extracting helpers, shared abstractions, or clearer reusable structure. Use when asked to apply DRY, remove duplication, consolidate repeated logic, or run `/refactor:dry`.
中文简介正在准备中。当前显示原文说明。