项目文件夹

文件
NomenAK f16ce67a1f Refactor SuperClaude Modes and MCP documentation for concise behavioral guidance
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>
2025-08-15 16:01:09 +02:00

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
  • /ui or /21 commands
  • 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)