frontend▌

Map Vue.js and Nuxt requirements to 200+ VueUse composables for concise, maintainable implementations. \n \n Covers state management, DOM elements, browser APIs, sensors, networking, animations, components, watchers, reactivity, arrays, time utilities, and integrations with Firebase, Electron, RxJS, and more \n Each composable includes invocation rules (AUTO, EXTERNAL, EXPLICIT_ONLY) to guide when and how to apply it; consult reference docs for usage details and type declarations \n Automaticall

Professional UI/UX design creation in Penpot with MCP tools, design systems, and accessibility standards. \n \n Four MCP tools enable design creation, modification, export, and API access within Penpot's plugin context \n Includes discovery workflow to identify existing design systems, components, and tokens before building new designs \n Covers responsive layouts for mobile (375×812), desktop (1440×900), and platform-specific guidelines (iOS, Android, Material Design) \n Provides default design

Python SDK setup and CRUD snippets for Microsoft Dataverse operations. \n \n Generates installation commands and DataverseClient initialization with InteractiveBrowserCredential authentication \n Includes single-record CRUD patterns (create, retrieve, update, delete) following official SDK conventions \n Covers bulk operations with both broadcast and 1:1 update modes for efficient batch processing \n Demonstrates retrieve-multiple queries with paging support (top, page_size parameters) \n Option

Automated Next.js version upgrades with official codemods and migration guide integration. \n \n Detects current Next.js version from package.json and fetches version-specific upgrade documentation from official guides \n Runs Next.js codemods automatically to handle breaking changes like async Request APIs, geo/IP property migrations, and dynamic import transformations \n Handles incremental upgrades for major version jumps (e.g., 13 → 14 → 15) and updates peer dependencies (React, React DOM, T

Modern React component patterns for building scalable, maintainable UI libraries. \n \n Covers five core patterns: props API design with TypeScript, composition, render props, custom hooks for logic separation, and performance optimization with React.memo and useMemo \n Includes compound components, polymorphic components, and context-based state sharing for flexible, reusable architectures \n Enforces single responsibility, accessibility standards (aria-*, role, tabindex), and prohibits prop dr

45 performance rules for React and Next.js, organized by impact from waterfalls and bundle optimization down to advanced patterns. \n \n Covers 8 rule categories prioritized by impact: eliminating waterfalls (Promise.all, Suspense), bundle size (direct imports, dynamic loading), server-side caching, client-side deduplication, re-render optimization, rendering performance, JavaScript efficiency, and advanced patterns \n Each rule includes explanation, incorrect and correct code examples, and cont

Render rich interactive UIs from JSON-structured widget definitions in React/Next.js. \n \n Supports 15+ widget types across layouts (row, col, box), typography (title, text, caption), interactive elements (button, input, select, checkbox), and display components (badge, icon, image, divider) \n Includes five preset gradients (ocean, sunset, purple, cool, midnight) for styled containers and flexible spacing/alignment options \n Handles form submission and click actions through a unified action h

Audit UI code against Web Interface Guidelines with live rule fetching. \n \n Fetches the latest guidelines from a remote source before each review, ensuring compliance checks stay current \n Accepts file paths or patterns as arguments; prompts for input if none provided \n Outputs findings in concise file:line format for quick scanning and remediation \n Covers accessibility, design patterns, and best practices as defined in the fetched ruleset \n

Templates and guidelines for writing company-standard internal communications across multiple formats. \n \n Covers seven communication types: 3P updates, company newsletters, FAQ responses, status reports, leadership updates, project updates, and incident reports \n Each format has a dedicated guideline file in the examples/ directory with specific instructions for tone, structure, and content \n Helps maintain consistency across internal communications by enforcing company-preferred formats an

Best practices and architectural patterns for Vue 3 and Nuxt 3 projects. \n \n Emphasizes core principles: predictable state with single source of truth, explicit data flow (props down, events up), and small focused components \n Requires Composition API with <script setup lang=\"ts\"> as the default, and mandates following referenced guides for reactivity, SFC structure, and data flow patterns \n Includes a tasks checklist covering core principles, reactivity best practices, component desi