Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>ModCodePatternNew to Visual Studio Code?Β Get it now.
ModCodePattern

ModCodePattern

ModCodePattern

|
8 installs
| (1) | Free
🎯 Smart VS Code extension to maintain codebase consistency with intelligent adaptive patterns. Automatic todo list, file monitoring, dynamic variables. Perfect for React/Vue/Angular and works with any language (Python, Java, Rust, Go, C#, PHP...). Startup <200ms. πŸ“š Ready-to-use patterns: https://g
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎯 ModCodePattern

Smart VS Code extension to maintain your codebase consistency across any technology

ModCodePattern automatically monitors your file changes and reminds you of actions to take. Modify a service? It reminds you to update tests, documentation, and related files. Zero oversight, guaranteed consistency for any programming language or framework.

ModCodePattern in Action

Automatic workflow:

  • 📁 Detection: You modify src/api/user.ts
  • 🔔 Notification: "Update src/hooks/useUser.ts and docs/user.md"
  • βœ… Auto Todo: Tasks automatically added to your list
  • ✨ Guaranteed consistency: No more oversights in your codebase

⚑ Quick Installation

  1. Open VS Code
  2. Extensions (Ctrl+Shift+X)
  3. Search "ModCodePattern"
  4. Install β†’ You're ready! 🚀

✨ Get Started in 30 Seconds

  1. Create a .mod-patterns.json file in your project:
    {
      "patterns": [
        {
          "onChange": "src/api/user.ts",
          "notify": ["src/hooks/useUser.ts", "docs/user.md"],
          "description": "🔧 User API modified"
        }
      ]
    }
    
  2. Modify src/api/user.ts β†’ 🎉 Automatic notification!

Smart JSON Auto-completion

ModCodePattern includes a complete JSON Schema that automatically enables:

  • βœ… Auto-completion in .mod-patterns.json
  • βœ… Real-time validation of patterns
  • βœ… Integrated documentation on hover
  • βœ… Contextual suggestions for all triggers

Press Ctrl+Space in your .mod-patterns.json file to see the magic!

🚀 Key Features

  • βœ… Smart file monitoring - 6 trigger types (onChange, onCreate, onDelete, etc.)
  • βœ… Adaptive variables - Auto-detects your project structure
  • βœ… Interactive Todo list - Integrated with VS Code
  • βœ… JSON auto-completion - Complete schema with validation
  • βœ… Ultra-fast startup - Less than 200ms
  • βœ… Universal compatibility - Works with any programming language

🔔 Smart Notification System

Contextual notifications that appear automatically:

  • 🎯 At the right time: Real-time change detection
  • 📋 Precise actions: Suggestions based on your patterns
  • βœ… Integrated Todo: Checkboxes in VS Code
  • 🔗 Clickable links: Open files with one click

Never forget anything in your development workflow again!

🎯 Popular Use Cases

βš›οΈ React Project

{
  "onChange": "{{COMPONENTS_DIR}}/**/*.tsx",
  "notify": [
    {
      "file": "{{COMPONENTS_DIR}}/index.ts",
      "description": "📦 Add export for {{TRIGGER_FILE}}"
    },
    {
      "file": "src/stories/{{TRIGGER_NAME}}.stories.tsx",
      "description": "📖 Create Storybook story"
    }
  ],
  "description": "📦 Component {{TRIGGER_FILE}} modified"
}

🌐 API + Documentation

{
  "onChange": "src/api/**/*.ts",
  "notify": [
    "src/types/api.ts",
    {
      "file": "docs/api/{{TRIGGER_NAME}}.md",
      "description": "📝 Update API documentation"
    },
    {
      "file": "tests/api/{{TRIGGER_NAME}}.test.ts",
      "description": "🧪 Update integration tests"
    }
  ],
  "description": "🔧 API modified"
}

🧪 Automatic Tests

{
  "onCreateFile": "src/**/*.ts",
  "notify": [
    {
      "file": "tests/{{TRIGGER_NAME}}.test.ts",
      "description": "🧪 Create corresponding tests"
    }
  ],
  "description": "🆕 New file β†’ Tests required"
}

🌍 Multi-Language Support

{
  "onChange": "src/**/*.{py,java,rs,go}",
  "notify": [
    {
      "file": "tests/test_{{TRIGGER_NAME}}.{py,java,rs,go}",
      "description": "🧪 Update tests for {{TRIGGER_FILE}}"
    }
  ],
  "description": "🔧 Source file modified"
}

🔗 Automatic Workflow (Chained Patterns)

{
  "patterns": [
    {
      "onCreateFile": "{{COMPONENTS_DIR}}/**/*.tsx",
      "notify": [
        {
          "file": "src/stories/{{TRIGGER_NAME}}.stories.tsx",
          "description": "📖 Create Story"
        }
      ],
      "description": "🆕 Component β†’ Story"
    },
    {
      "onCreateFile": "src/stories/**/*.stories.tsx",
      "notify": [{ "commands": ["npm test"], "description": "🚀 Run tests" }],
      "description": "📖 Story β†’ Tests"
    }
  ]
}

💫 Adaptive Variables

ModCodePattern automatically detects your architecture:

Variable Description Example
{{SRC_DIR}} Main source folder src/, app/, lib/
{{COMPONENTS_DIR}} Components folder src/components, app/ui
{{TESTS_DIR}} Tests folder tests/, __tests__, spec/
{{TRIGGER_FILE}} Triggering file name Button.tsx, user.py
{{TRIGGER_PATH}} Triggering file path src/components/Button.tsx
{{TRIGGER_NAME}} File name without ext Button, user

Premium: 9 complete variables + dynamic runtime variables

🚀 Core Features

🆓 Free Version

  • βœ… 5 patterns per workspace - Perfect for small projects
  • βœ… 6 trigger types - onChange, onCreate, onDelete, onStart, and more
  • βœ… Smart variables - Auto-detects your project structure
  • βœ… Interactive Todo list - Integrated with VS Code
  • βœ… JSON auto-completion - Full schema support
  • βœ… Multilingual support - French and English

💎 Premium Features

  • βœ… Unlimited patterns - Scale to enterprise projects
  • βœ… Advanced variables - 9 complete variables + runtime resolution
  • βœ… Modular configuration - Import patterns from other files
  • βœ… Automated commands - Execute scripts automatically
  • βœ… Chained patterns - Create complex workflows
  • βœ… Priority support - Direct access to developers

🌟 Why ModCodePattern?

  • 🎯 Zero oversight: Never forget to update a linked file again
  • ⚑ Productivity: Automate your maintenance reminders
  • 🧠 Intelligence: Patterns that adapt to your architecture
  • 🎨 Modern: Native VS Code interface
  • 🌍 Universal: Works with Python, Java, JavaScript, Rust, Go, C#, PHP, and more
  • 🚀 Performance: Startup in less than 200ms
  • 🔧 Language agnostic: Monitors any file type or extension

📚 Documentation & Support

🌐 Official Resources

  • 🏠 Official Website: https://www.modcodepattern.com/builder
  • 📖 Complete Documentation: https://www.modcodepattern.com/docs
  • 🎥 Demos & Examples: https://github.com/modcodepattern-saas/patterns-exemple
  • 🛠️ Technical Support: https://www.modcodepattern.com/docs
  • 🇫🇷 Documentation FranΓ§aise: Guide Utilisateur Complet

⭐ Marketplace

  • 📦 VS Code Marketplace: ModCodePattern Extension

🚀 Get Started Now

  1. 📦 Install the extension (2 minutes)
  2. 📖 Read the documentation (15 minutes)
  3. 🎥 Watch demos (10 minutes)
  4. Create your first pattern β†’ Let's go! 🎉

Current version: v0.2.6 | License: MIT | VS Code: 1.74.0+ | Languages: All supported

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
Β© 2025 Microsoft