By pstuart
Modern Nuxt/Vue development toolkit — enforces Tailwind-only styling, validates nginx configs, and provides accessibility and security guidance
Audit web pages and apps for WCAG 2.1 AA accessibility compliance. Use when fixing lighthouse issues, contrast ratios, ARIA labels, or keyboard navigation.
Use when building or reviewing Nuxt 4 apps, app/ directory layout, pages, layouts, server routes, composables, layers, or Nuxt data fetching.
Security audit checklist for web applications. Use when reviewing security posture, checking for vulnerabilities, or hardening a deployment.
Use when styling Nuxt or Vue UI, migrating from Tailwind 3, configuring @tailwindcss/vite, writing utility classes, or tempted to add custom CSS or inline styles.
Use when writing or reviewing TypeScript in Vue, Nuxt, Node, or shared TS utilities, fixing type errors, or deciding how to type API responses and composables.
Modifies files
Hook triggers on file write and edit operations
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
The Ultimate Status Bar for Claude Code
Real-time Claude Code usage monitoring with 5-hour and 7-day statistics,
session tracking, cost estimates, and more.
Keep tabs on your AI coding assistant usage right from your terminal.
Software engineer with 25+ years building for web and mobile. I specialize in Vue/Nuxt applications, Swift/iOS development, and AI-augmented workflows using Claude Code, Cursor, Codex, Grok Build, Antigravity, and Copilot to accelerate delivery and improve code quality.
Started coding at age 8 — first app: a Pascal grading tool in 1992. Purdue grad '97. Lifelong builder, family man, and volunteer.
This repository hosts public Claude Code plugins for development safety, modern Swift and Nuxt projects, and publishing workflows.
/plugin marketplace add pstuart/pstuart
/plugin install swift-modern-dev@pstuart
/plugin install nuxt-modern-dev@pstuart
Available plugins: dev-safety-net, swift-modern-dev, nuxt-modern-dev, and pstuart-publishing.
Creative & Generative AI
npx claudepluginhub pstuart/pstuart --plugin nuxt-modern-devUniversal developer safety guardrails — blocks dangerous commands, verifies builds, provides session context, and scans repo health
Publishing toolkit — professional book publishing (PDF/EPUB/covers), blog authoring, and content-creation workflows
Modern Swift/iOS development toolkit — enforces @Observable, NavigationStack, Swift Concurrency patterns and blocks deprecated APIs
Vue, Nuxt, and NuxtHub skills for AI coding assistants
Vue.js and Nuxt.js development with Composition API, composables, and SSR/SSG patterns
Comprehensive Nuxt 4 development with 4 focused skills (core, data, server, production), 3 diagnostic agents (debugger, migration, performance), and interactive setup wizard. Use when: building Nuxt 4 applications, implementing SSR patterns, creating composables, server routes, data fetching, state management, debugging hydration issues, migrating from Nuxt 3, optimizing performance, deploying to Cloudflare/Vercel/Netlify, or setting up testing with Vitest.
Use this agent for expert assistance with web development tasks using React, Next.js, NestJS, and other modern web frameworks with TypeScript and Tailwind CSS. This includes code analysis, component creation, debugging, performance optimization, and architectural decisions. Examples: <example>Context: User is building a Next.js app and encounters a routing issue. user: 'My dynamic routes in Next.js are not rendering correctly' assistant: 'Let me use the web-dev agent to analyze your Next.js routing setup and provide a solution' <commentary>This is a Next.js-specific routing issue, so the web-dev agent will provide targeted guidance.</commentary></example> <example>Context: User needs a reusable React component with Tailwind CSS. user: 'I need a card component that matches my app's Tailwind-based design system' assistant: 'I'll use the web-dev agent to create a TypeScript-based React card component styled with Tailwind CSS, following your app's design patterns' <commentary>The user requires a component that aligns with their Tailwind CSS design system, so the web-dev agent ensures compatibility.</commentary></example>
Modern Swift/iOS development toolkit — enforces @Observable, NavigationStack, Swift Concurrency patterns and blocks deprecated APIs
Skill providing Vue.js framework knowledge and best practices. Helps developers understand Vue ecosystem, component patterns, and modern conventions.