By softee-p
Comprehensive RedwoodSDK development toolkit for Claude Code. Provides skills for building full-stack React Server Component applications on Cloudflare Workers — covering documentation lookup, frontend development, component management, production auditing, and documentation maintenance.
Audit a deployed RedwoodSDK application for errors, performance issues, and health
Safely update or add shadcn/ui components in a RedwoodSDK project with backup/restore
Look up RedwoodSDK documentation for a specific topic
Diagnose and fix frontend layout/styling issues in a RedwoodSDK app using the 4-phase visual workflow
Scaffold a new RedwoodSDK project or add a new feature (route, page, component) to an existing one
This skill should be used when the user asks to "audit my deployed app", "check production errors", "is my worker healthy", "check logs", "investigate production issues", "analyze worker performance", or any request to inspect a deployed RedwoodSDK/Cloudflare Worker application. Trigger on mentions of production errors, Cloudflare Worker logs, observability, metrics, latency issues, error rates, deployment health checks, or "pnpm release" follow-up verification. Also trigger when the user asks "is everything working" or wants to verify a recent deployment succeeded. Uses cloudflare-observability MCP for real-time worker telemetry and rwsdk-docs skill for best practice verification. Provides a structured 6-phase audit workflow with automated report generation.
This skill should be used when the user is building, debugging, or asking questions about a RedwoodSDK (rwsdk) application on Cloudflare Workers. Trigger on any mention of RedwoodSDK, rwsdk, defineApp, route(), render(), React Server Components on Cloudflare, server functions, serverQuery, serverAction, "use server", Durable Objects, passkey authentication, Cloudflare Workers email/queues/R2/cron, wrangler.jsonc, D1 database, requestInfo, getRequestInfo, client navigation, prefetch, or RSC hydration issues. Also trigger when the user asks about routing patterns, middleware, layouts, error handling, environment variables, deployment, or any Cloudflare Workers + React full-stack development — even if they don't explicitly say "RedwoodSDK". This is the primary reference for all RedwoodSDK documentation and should be consulted before writing or modifying any rwsdk project code.
This skill should be used when the user has frontend layout, styling, or visual issues in a RedwoodSDK application. Trigger when the user mentions "fix layout", "mobile looks broken", "responsive design", "Tailwind not working", "CSS issues", "styling problems", "shadcn component looks wrong", "UI is off", or any visual/rendering complaint in an rwsdk project. Also trigger when the user asks about Tailwind v4 configuration in RSC, server component styling, dark mode setup, or wants to debug why components render differently on mobile vs desktop. Provides a mandatory 4-phase workflow (context gathering, visual testing, design solution, verification) that ensures thorough visual analysis before making any changes. Always use this skill instead of guessing at CSS fixes — it requires actually seeing the running app.
This skill should be used when the user wants to "add a shadcn component", "update shadcn components", "install shadcn", "fix shadcn", "setup shadcn in rwsdk", or manage shadcn/ui components in a RedwoodSDK project. Trigger on any mention of shadcn/ui combined with RedwoodSDK, including adding new components, updating existing components, troubleshooting component rendering issues, configuring components.json, ensuring RSC compliance for shadcn components, preserving custom modifications during updates, or setting up the shadcn MCP server. Also trigger when the user asks about "use client" directives for interactive shadcn components, Radix UI issues, or component backup/restore workflows. This skill detects custom components automatically and provides safe update workflows with backup/restore.
This skill should be used when the user asks to "update the docs", "refresh rwsdk docs", "sync RedwoodSDK documentation", "pull latest docs", or when the rwsdk-docs references appear stale or outdated. Trigger when the user mentions that documentation seems wrong, out of date, or when they want to ensure they have the latest RedwoodSDK API changes. Fetches the latest official documentation from the redwoodjs/sdk GitHub repository and rebuilds the rwsdk-docs skill reference index. Run this periodically or after major RedwoodSDK releases to keep the documentation current.
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.
A Claude Code plugin for building full-stack apps with RedwoodSDK — React Server Components on Cloudflare Workers.
Option 1 — Command:
/plugin install https://github.com/softee-p/redwoodSDK-toolkit
Option 2 — UI: Run /plugins in Claude Code, go to Add → Marketplace, and paste the GitHub URL.
This installs the rwsdk plugin: 6 slash commands + 5 skills.
Skills auto-load based on what you're working on — no invocation needed. When you ask about routing, styling, components, or production issues, the relevant skill activates and gives Claude the documentation and workflows to answer correctly.
Slash Commands are explicit multi-step workflows (/rwsdk:new, /rwsdk:audit, etc.) that you invoke when you want a structured task executed from start to finish.
rwsdk-docs — Documentation ReferenceFull official RedwoodSDK docs (50+ .mdx files) covering routing, RSC, auth, storage, email, queues, cron, env vars, hosting, and all frontend guides. Also tracks a CHANGELOG.md of breaking changes for automatic migration when opening older projects.
Triggers on: defineApp, route(), serverQuery, serverAction, "use server", wrangler.jsonc, D1, Durable Objects, Cloudflare Workers, RSC hydration — plus any question about routing, middleware, deployment, or Cloudflare + React full-stack development.
rwsdk-frontend — Visual Frontend DebuggingA 4-phase workflow that enforces seeing the running app before making CSS changes.
rwsdk-docs for RSC styling constraintsTriggers on: "fix layout", "mobile looks broken", "Tailwind not working", "UI is off", responsive design issues, dark mode problems.
rwsdk-shadcn-update — shadcn/ui Component ManagementAdds or updates shadcn/ui components while preserving customizations and enforcing RSC compliance.
rwsdk-docscomponents.json, classifies each component as custom (skip), modified (backup first), or standard (safe to overwrite)Includes scripts: backup-components.sh, restore-components.sh, safe-update.sh.
Triggers on: "add a shadcn component", "update shadcn", "install shadcn", Radix UI issues, "use client" questions for interactive components.
rwsdk-audit-deployed — Production AuditA 6-phase audit via the cloudflare-observability MCP, producing a HEALTHY / DEGRADED / CRITICAL report.
wrangler.jsonc, lists workersrwsdk-docsThresholds: error rate >2% = warning / >5% = critical; P99 >3s / >5s.
Triggers on: "audit my deployed app", "check production errors", "is my worker healthy", post-deployment verification.
update-rwsdk-docs — Documentation SyncShallow-clones the official redwoodjs/sdk repo, copies the latest docs into skills/rwsdk-docs/references/, then rebuilds the SKILL.md index to match.
Triggers on: "update the docs", "refresh rwsdk docs", "docs seem outdated".
| Command | What it does |
|---|---|
/rwsdk:new <what-to-create> | Scaffold a new project or add a route/page/component |
/rwsdk:fix <issue> | 4-phase visual frontend debugging |
/rwsdk:components [names...] | Add or update shadcn/ui components safely |
/rwsdk:audit [worker-name] | 6-phase production health audit |
/rwsdk:docs <topic> | Look up a specific documentation topic |
/rwsdk:sync | Sync rwsdk-docs with the latest official docs |
| What you type | Skill that loads |
|---|---|
| "How do I add middleware to my route?" | rwsdk-docs |
| "My mobile layout is broken" | rwsdk-frontend |
| "Add a shadcn Dialog component" | rwsdk-shadcn-update |
| "Is my worker healthy after the deploy?" | rwsdk-audit-deployed |
| "The docs seem outdated, refresh them" | update-rwsdk-docs |
npx claudepluginhub softee-p/redwoodsdk-toolkit --plugin rwsdkTanStack Start (RC) full-stack React with server functions, SSR, Cloudflare Workers. Use for Next.js migration, edge rendering, or encountering hydration, auth, data pattern errors.
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>
Design Director for complete apps, sites, and SaaS. Multi-stack support (React/shadcn, Laravel/Livewire Flux, Swift/SwiftUI). Identity System, page layouts, motion system, palette generator, design audit. Anti-AI-Slop, WCAG 2.2, Gemini Design MCP.
Tailwind v4 theming and shadcn/ui component installation, customisation, and recipes.
Enhances Claude for developing full-stack web apps with Wasp (React, Node.js, Prisma)
Frontend component development with accessibility and responsive design