superclaude-org--superclaude_framework
f16ce67a1f
Transform 10 framework files from verbose technical documentation into concise behavioral guides focusing on Claude's cognitive enhancement: Modes/ - Behavioral mindset modifiers: - MODE_Token_Efficiency: Symbol systems and compression communication (360→75 lines) - MODE_Introspection: Meta-cognitive analysis and self-reflection (266→39 lines) - MODE_Task_Management: Orchestration and delegation mindset (302→41 lines) - MODE_Brainstorming: Collaborative discovery dialogue (84→44 lines) MCP/ - External tool decision guides: - MCP_Context7: Library documentation lookup (98→30 lines) - MCP_Sequential: Multi-step reasoning engine (103→33 lines) - MCP_Magic: UI component generation (93→31 lines) - MCP_Playwright: Browser automation (102→32 lines) - MCP_Morphllm: Pattern-based editing (159→31 lines) - MCP_Serena: Semantic understanding and memory (207→32 lines) Enhanced structure: Purpose, Activation Triggers, Behavioral Changes/Choose When, Outcomes/Works Best With, Examples. Focus on WHEN to shift cognitive approaches and HOW behavior transforms, not technical implementation details. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
1.3 KiB
1.3 KiB
Magic MCP Server
Purpose: Modern UI component generation from 21st.dev patterns with design system integration
Triggers
- UI component requests: button, form, modal, card, table, nav
- Design system implementation needs
/uior/21commands- Frontend-specific keywords: responsive, accessible, interactive
- Component enhancement or refinement requests
Choose When
- For UI components: Use Magic, not native HTML/CSS generation
- Over manual coding: When you need production-ready, accessible components
- For design systems: When consistency with existing patterns matters
- For modern frameworks: React, Vue, Angular with current best practices
- Not for backend: API logic, database queries, server configuration
Works Best With
- Context7: Magic uses 21st.dev patterns → Context7 provides framework integration
- Sequential: Sequential analyzes UI requirements → Magic implements structured components
Examples
"create a login form" → Magic (UI component generation)
"build a responsive navbar" → Magic (UI pattern with accessibility)
"add a data table with sorting" → Magic (complex UI component)
"make this component accessible" → Magic (UI enhancement)
"write a REST API" → Native Claude (backend logic)
"fix database query" → Native Claude (non-UI task)