Skip to content

PLUGIN_GUIDE.md

Latest commit

 

History

History
320 lines (241 loc) · 12 KB

PLUGIN_GUIDE.md

File metadata and controls

320 lines (241 loc) · 12 KB
Raw

🚀 Fused Gaming MCP Plugin Guide

Get Started with 30 Skills, 60+ Tools, and Advanced AI Orchestration

⚡ Quick Start Commands

Initialize the MCP Server

npm install
npm run build
npm run typecheck
npm run lint

Generate and Update Registry

npm run registry:generate
npm run registry:update

Start Development

npm run dev

📚 Complete Skill Inventory (30 Skills)

🎨 Design Skills (7 total)

Skill Package Description
Agentic Flow DevKit @h4shed/skill-agentic-flow-devkit Design and visualize agentic orchestration flows with trailer A/B-roll planning support
Canvas Design @h4shed/skill-canvas-design Visual design generation for web with SVG and canvas rendering
Frontend Design @h4shed/skill-frontend-design Frontend component design and HTML/CSS generation for modern web applications
Style Dictionary @h4shed/skill-style-dictionary-system Design tokens and style dictionary generation for cross-platform design system management
SVG Generator @h4shed/skill-svg-generator Generate SVG assets and icon concepts from structured prompts
TailwindCSS Builder @h4shed/skill-tailwindcss-style-builder Tailwind CSS utility-first styling and design system builder for rapid UI development
Theme Factory @h4shed/skill-theme-factory Design system and theme generation for consistent UI/UX across applications

🎭 Generative Art Skills (3 total)

Skill Package Description
Algorithmic Art @h4shed/skill-algorithmic-art Generative art using p5.js with seeded randomness, flow fields, and particle systems
NFT Generative Art @h4shed/skill-nft-generative-art NFT artwork generation, metadata creation, and blockchain-ready asset creation
Smart Contract Tools @h4shed/skill-smart-contract-tools Smart contract development tools for Hardhat, Truffle, and Foundry ecosystems

📱 General Purpose Skills (7 total)

Skill Package Description
ASCII Mockup @h4shed/skill-ascii-mockup Mobile-first ASCII wireframe mockup generator for rapid UI prototyping
Playwright Testing @h4shed/skill-playwright-test-automation End-to-end testing automation framework for web applications with cross-browser support
Storybook Components @h4shed/skill-storybook-component-library Component library documentation and visual testing with Storybook integration
SyncPulse @h4shed/skill-syncpulse Intelligent project state caching, multi-agent coordination, and secure email automation
SyncPulse Hub @h4shed/syncpulse-hub Centralized orchestration and installation of all @h4shed packages
TypeScript Toolchain @h4shed/skill-typescript-toolchain Advanced TypeScript configuration, type generation, and static analysis tooling
Vite Module Bundler @h4shed/skill-vite-module-bundler Next-generation JavaScript module bundler for lightning-fast development

💼 Content Creation Skills (2 total)

Skill Package Description
LinkedIn Master Journalist @h4shed/skill-linkedin-master-journalist Draft polished LinkedIn release and thought-leadership posts
Underworld Writer @h4shed/skill-underworld-writer Dual-methodology skill for fictional underworld narratives and factually sourced true crime writing

🛠️ MCP & Development Tools (2 total)

Skill Package Description
Skill Creator @h4shed/skill-creator Create custom skills and tools for the Fused Gaming MCP ecosystem
MCP Builder @h4shed/skill-mcp-builder Build and scaffold MCP servers and skills with best practices

🔗 Session Management (1 total)

Skill Package Description
Multi-Account Tracking @h4shed/skill-multi-account-session-tracking Extended framework for tracking Claude sessions across multiple accounts with unified metrics

📊 Project Management (3 total)

Skill Package Description
Project Manager @h4shed/skill-project-manager Plan projects with milestones, dependencies, and delivery phases
Project Manager Skill @h4shed/skill-project-manager-skill Task and project management skill for tracking work items and team collaboration
Project Status Tool @h4shed/skill-project-status-tool Summarize current project status, risks, and next actions

📈 Productivity (1 total)

Skill Package Description
Daily Review @h4shed/skill-daily-review Productivity tracking and daily review skill for session aggregation and metrics analysis

🌐 Web & Deployment (2 total)

Skill Package Description
Vercel NextJS Deploy @h4shed/skill-vercel-nextjs-deployment Vercel deployment optimization and Next.js framework integration for serverless applications
Pre-Deploy Validator @h4shed/skill-pre-deploy-validator Pre-deployment validation and quality checks for production readiness

📊 User Experience (1 total)

Skill Package Description
UX Journey Mapper @h4shed/skill-ux-journeymapper Create UX journey maps with pain points, touchpoints, and opportunities

📈 Visualization (1 total)

Skill Package Description
Mermaid Terminal @h4shed/skill-mermaid-terminal Generate terminal-friendly Mermaid diagrams and flowcharts

🛠️ Complete Tool Inventory (60+ Tools)

Design Tools

  • plan-trailer-rolls - Plan A/B-roll sequences for trailers
  • visualize-agentic-flow - Visualize multi-agent orchestration
  • generate_svg - Create vector graphics from descriptions
  • generate_component - Generate HTML/CSS components
  • generate_svg_asset - Create SVG icons and assets
  • generate_theme - Generate complete theme systems
  • create-flow-field - Create flow field visualizations
  • generate_art - Generate algorithmic art pieces
  • generate_mockup - Create ASCII wireframe mockups

Content & Communication Tools

  • draft_linkedin_post - Draft polished LinkedIn posts
  • analyze_content_quality - Analyze content for quality metrics
  • track_content_performance - Track content performance metrics
  • verify_hashtags - Verify and optimize hashtags

Productivity & Project Tools

  • generate_daily_review - Generate daily work summaries
  • analyze_weekly - Analyze weekly metrics
  • log_session - Log session data
  • plan_project - Plan projects with dependencies
  • task_management - Manage project tasks
  • create_project - Create and initialize projects
  • summarize_project_status - Summarize project status and risks
  • dashboard - Access project dashboard

Testing & Validation Tools

  • validate_deployment - Pre-deployment validation checks

Development & Infrastructure Tools

  • scaffold_skill - Scaffold new MCP skills
  • create_skill - Create custom skills
  • map_user_journey - Map user journey and touchpoints
  • generate_mermaid_diagram - Generate Mermaid diagrams
  • session_aggregation - Aggregate session data
  • email_tools - Email automation tools
  • email_workflows - Pre-built email workflows

🎯 Skill Categories & Use Cases

By Function

Visual Design & Creation

  • Canvas Design, SVG Generator, Theme Factory, Agentic Flow DevKit
  • Best for: UI mockups, brand systems, visual assets

Generative & Creative

  • Algorithmic Art, NFT Generative Art, ASCII Mockup
  • Best for: Creative outputs, unique artwork, prototypes

Content & Communication

  • Underworld Writer, LinkedIn Master Journalist, Daily Review
  • Best for: Writing projects, social content, summaries

Development & Testing

  • Playwright Testing, Storybook Components, Pre-Deploy Validator
  • Best for: QA automation, component docs, release validation

Project & Process Management

  • Project Manager, Project Manager Skill, Project Status Tool
  • Best for: Team coordination, progress tracking, workflows

Advanced Infrastructure

  • MCP Builder, Skill Creator, Vercel NextJS Deploy, Vite Module Bundler, Smart Contracts
  • Best for: Custom tools, cloud deployment, blockchain

🚀 Getting Started Paths

Path 1: Visual Designer

  1. Use canvas-design for initial mockups
  2. Apply theme-factory for system design
  3. Reference frontend-design for components
  4. Document with storybook-component-library

Path 2: Creative Writer

  1. Begin with underworld-writer-skill for narrative writing
  2. Use daily-review for summaries
  3. Share with linkedin-master-journalist

Path 3: Full-Stack Developer

  1. Use mcp-builder to create custom tools
  2. Build with vite-module-bundler
  3. Deploy with vercel-nextjs-deployment
  4. Test with playwright-test-automation
  5. Validate with pre-deploy-validator

Path 4: AI Orchestration

  1. Design flows with agentic-flow-devkit
  2. Coordinate with syncpulse
  3. Track progress with project-status-tool

Path 5: Project Manager

  1. Plan with project-manager
  2. Track tasks with project-manager-skill
  3. Monitor status with project-status-tool
  4. Coordinate with syncpulse

🔧 Advanced Usage

Environment Setup

# Build all workspaces
npm run build

# Type checking
npm run typecheck

# Linting
npm run lint

# Development server (core package)
npm run dev

Registry Management

# Generate registry from skills
npm run registry:generate

# Sync registry with Claude
npm run registry:sync-claude

# Both in one command
npm run registry:update

Project Configuration

  • Workspace Config: package.json workspaces section
  • Build Config: tsconfig.json for TypeScript
  • Version Config: VERSION.json for release metadata
  • Swarm Config: .claude-flow/config.yaml for multi-agent coordination

📚 Documentation & Examples

Reference Documentation

  • Skills Registry: registry/REGISTRY.md
  • Skills Directory: packages/skills/
  • Core API: packages/core/
  • CLI Tools: packages/cli/

Skills by Example

  • Design System: packages/skills/theme-factory/
  • Testing: packages/skills/playwright-test-automation/
  • Writing: packages/skills/underworld-writer-skill/
  • AI Orchestration: packages/skills/agentic-flow-devkit/

Configuration

  • MCP Config: .mcp/config.json
  • Git Config: .git/config
  • Environment: .env.local (create if needed)

💡 Pro Tips

  1. Combine Skills: Use multiple skills together (e.g., design + content + publishing)
  2. Registry Updates: Run npm run registry:update after adding new skills
  3. Workspace Builds: Use npm run build --workspaces for complete validation
  4. Performance: Use npm run typecheck to catch issues before build
  5. Version Management: Keep skills updated with workspace builds
  6. Multi-Agent Coordination: Use SyncPulse for intelligent project state management
  7. Documentation: Generate and sync registry frequently for accurate skill discovery
  8. Batch Operations: Use project-manager-skill to orchestrate complex workflows
  9. Progress Tracking: Check project-status-tool for real-time project metrics

🤝 Contributing

Want to add a new skill?

  1. Use mcp-builder to scaffold the skill
  2. Implement tools in src/tools/
  3. Add tests and documentation
  4. Run npm run registry:update to regenerate registry
  5. Submit PR with updated registry

📞 Support

  • Issues: GitHub Issues in repository
  • Discussions: GitHub Discussions
  • Documentation: See docs/ directory
  • Registry: See registry/REGISTRY.md

Last Updated: August 21, 2026
Registry Version: 1.0.0
Total Skills: 30 | Total Tools: 60+
Status: Production Ready ✅