Features: - 30+ Custom Skills (cognitive, development, UI/UX, autonomous agents) - RalphLoop autonomous agent integration - Multi-AI consultation (Qwen) - Agent management system with sync capabilities - Custom hooks for session management - MCP servers integration - Plugin marketplace setup - Comprehensive installation script Components: - Skills: always-use-superpowers, ralph, brainstorming, ui-ux-pro-max, etc. - Agents: 100+ agents across engineering, marketing, product, etc. - Hooks: session-start-superpowers, qwen-consult, ralph-auto-trigger - Commands: /brainstorm, /write-plan, /execute-plan - MCP Servers: zai-mcp-server, web-search-prime, web-reader, zread - Binaries: ralphloop wrapper Installation: ./supercharge.sh
1.6 KiB
1.6 KiB
Design Implementation Plan: {{TARGET_NAME}}
Summary
- Scope: {{SCOPE}}
- Target: {{TARGET_PATH}}
- Winner variant: {{WINNER_VARIANT}}
- Key improvements: {{KEY_IMPROVEMENTS}}
Files to Change
{{#FILES_TO_CHANGE}}
{{FILE_PATH}}- {{REASON}} {{/FILES_TO_CHANGE}}
Implementation Steps
{{#STEPS}} {{INDEX}}. {{DESCRIPTION}} {{/STEPS}}
Component API
Props
{{#PROPS}}
{{NAME}}: {{TYPE}}- {{DESCRIPTION}} {{/PROPS}}
State
{{STATE_DESCRIPTION}}
Events
{{#EVENTS}}
{{NAME}}- {{DESCRIPTION}} {{/EVENTS}}
Required UI States
Loading
{{LOADING_STATE}}
Empty
{{EMPTY_STATE}}
Error
{{ERROR_STATE}}
Disabled
{{DISABLED_STATE}}
Validation
{{VALIDATION_STATE}}
Accessibility Checklist
- Keyboard navigation works for all interactive elements
- Focus states are visible and meet contrast requirements
- All form inputs have associated labels
- ARIA attributes used correctly where needed
- Color contrast meets WCAG AA (4.5:1 for text, 3:1 for UI)
- Touch targets are at least 44x44px on mobile
- Screen reader announces state changes appropriately
Testing Checklist
- Unit tests for business logic
- Component tests for rendering and interactions
- Visual regression tests (if applicable)
- E2E smoke test for critical paths
- Cross-browser testing (Chrome, Firefox, Safari)
- Mobile responsive testing
Design Tokens
{{#TOKENS}}
{{TOKEN_NAME}}: {{TOKEN_VALUE}} - {{USAGE}} {{/TOKENS}}
Notes
{{ADDITIONAL_NOTES}}
Generated by Design Variations plugin Date: {{DATE}}