{
  "name": "@claudeautopm/plugin-frameworks",
  "version": "2.0.0",
  "schemaVersion": "2.0",
  "displayName": "Frontend Frameworks & UI",
  "description": "Complete frontend frameworks plugin with React, Vue, Tailwind CSS agents, UI commands, and performance optimization",
  "category": "frameworks",
  "metadata": {
    "category": "Frontend Frameworks",
    "author": "ClaudeAutoPM Team",
    "license": "MIT",
    "homepage": "https://github.com/rafeekpro/ClaudeAutoPM",
    "repository": {
      "type": "git",
      "url": "git+https://github.com/rafeekpro/ClaudeAutoPM.git",
      "directory": "packages/plugin-frameworks"
    },
    "size": "~12 KB (gzipped)",
    "required": false,
    "tags": [
      "frameworks",
      "react",
      "vue",
      "angular",
      "tailwind",
      "ui",
      "frontend"
    ]
  },
  "agents": [
    {
      "name": "react-frontend-engineer",
      "file": "agents/react-frontend-engineer.md",
      "category": "frontend",
      "description": "React development with hooks, performance optimization, and modern patterns",
      "version": "2.0.0",
      "tags": [
        "react",
        "hooks",
        "frontend",
        "spa",
        "performance"
      ],
      "mcp": [
        "react-docs"
      ],
      "context7": [
        "/reactjs/react.dev",
        "/remix-run/react-router"
      ]
    },
    {
      "name": "react-ui-expert",
      "file": "agents/react-ui-expert.md",
      "category": "ui",
      "description": "React UI components, design systems, and component libraries",
      "version": "2.0.0",
      "tags": [
        "react",
        "ui",
        "components",
        "design-system"
      ],
      "mcp": [
        "react-docs"
      ],
      "context7": [
        "/reactjs/react.dev"
      ]
    },
    {
      "name": "tailwindcss-expert",
      "file": "agents/tailwindcss-expert.md",
      "category": "styling",
      "description": "Tailwind CSS utility-first styling, responsive design, and optimization",
      "version": "2.0.0",
      "tags": [
        "tailwindcss",
        "css",
        "utility-first",
        "responsive",
        "styling"
      ],
      "mcp": [],
      "context7": [
        "/tailwindlabs/tailwindcss.com"
      ]
    },
    {
      "name": "ux-design-expert",
      "file": "agents/ux-design-expert.md",
      "category": "design",
      "description": "UX/UI design principles, accessibility, and user experience optimization",
      "version": "2.0.0",
      "tags": [
        "ux",
        "ui",
        "design",
        "accessibility",
        "a11y"
      ],
      "mcp": [],
      "context7": []
    }
  ],
  "commands": [
    {
      "subdirectory": "commands/",
      "description": "Frontend Frameworks & UI commands (4 total)",
      "type": "collection",
      "discovery": "auto",
      "tags": [
        "tailwind",
        "design-system",
        "setup"
      ]
    }
  ],
  "rules": [
    {
      "name": "ui-development-standards",
      "file": "rules/ui-development-standards.md",
      "priority": "high",
      "description": "UI development standards and component best practices",
      "tags": [
        "ui",
        "standards",
        "components",
        "best-practices"
      ],
      "appliesTo": [
        "commands",
        "agents"
      ],
      "enforcesOn": [
        "react-frontend-engineer",
        "react-ui-expert",
        "tailwindcss-expert"
      ]
    },
    {
      "name": "performance-guidelines",
      "file": "rules/performance-guidelines.md",
      "priority": "high",
      "description": "Frontend performance optimization and best practices",
      "tags": [
        "performance",
        "optimization",
        "react",
        "rendering"
      ],
      "appliesTo": [
        "commands",
        "agents"
      ],
      "enforcesOn": [
        "react-frontend-engineer"
      ]
    },
    {
      "name": "ui-framework-rules",
      "file": "rules/ui-framework-rules.md",
      "priority": "medium",
      "description": "Framework-specific conventions and patterns",
      "tags": [
        "frameworks",
        "patterns",
        "conventions"
      ],
      "appliesTo": [
        "commands",
        "agents"
      ],
      "enforcesOn": [
        "react-frontend-engineer",
        "tailwindcss-expert"
      ]
    }
  ],
  "scripts": [
    {
      "name": "react-component-perf",
      "file": "scripts/examples/react-component-perf.sh",
      "description": "Analyze React component performance patterns",
      "type": "example",
      "executable": true,
      "category": "react",
      "tags": [
        "react",
        "performance",
        "useMemo",
        "useCallback"
      ]
    },
    {
      "name": "vue-composition-check",
      "file": "scripts/examples/vue-composition-check.sh",
      "description": "Check Vue Composition API usage patterns",
      "type": "example",
      "executable": true,
      "category": "vue",
      "tags": [
        "vue",
        "composition-api",
        "patterns"
      ]
    },
    {
      "name": "tailwind-optimize",
      "file": "scripts/examples/tailwind-optimize.sh",
      "description": "Analyze Tailwind CSS usage and optimization opportunities",
      "type": "example",
      "executable": true,
      "category": "tailwind",
      "tags": [
        "tailwind",
        "optimization",
        "responsive",
        "purge"
      ]
    }
  ],
  "features": {
    "react_development": {
      "enabled": true,
      "description": "React hooks, performance, and modern patterns"
    },
    "vue_development": {
      "enabled": false,
      "description": "Vue Composition API (agent not included)"
    },
    "tailwind_styling": {
      "enabled": true,
      "description": "Utility-first CSS with Tailwind"
    },
    "ux_design": {
      "enabled": true,
      "description": "UX/UI design and accessibility"
    },
    "performance_optimization": {
      "enabled": true,
      "description": "Frontend performance best practices"
    }
  },
  "dependencies": [],
  "peerPlugins": [
    "@claudeautopm/plugin-core"
  ],
  "mcpServers": {
    "recommended": [
      "react-docs"
    ],
    "optional": [
      "vue-docs"
    ]
  },
  "keywords": [
    "claudeautopm",
    "plugin",
    "frameworks",
    "react",
    "vue",
    "tailwind",
    "tailwindcss",
    "frontend",
    "ui",
    "components",
    "hooks",
    "performance"
  ],
  "compatibleWith": ">=3.0.0"
}