By dvrd
Go Studio plugin for building Go+Templ+HTMX SaaS apps with chi, pgx, Goose, Stripe, SSE, and JWT auth patterns
Builds Flutter screens that consume the Go REST backend. Material 3, Riverpod state management.
Builds Go backend features — handlers, services, repositories, migrations, middleware, auth, payments, SSE.
Reviews Go code for correctness, security, and adherence to project conventions.
Add JWT + magic link + OAuth (Google/GitHub) + optional TOTP auth to an existing Go app.
Build a Flutter mobile screen that consumes the Go REST API.
Build a Templ component with HTMX interactivity and templUI styling.
Add a new domain service with handler, service layer, repository, and Goose migration.
Add an SSE streaming endpoint for real-time UI updates.
Admin access level
Server config contains admin-level keywords
Uses power tools
Uses Bash, Write, or Edit tools
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 self-expanding studio generator. Creates specialized Claude Code studios for any tech stack by inferring patterns from existing code or accepting user-defined conventions.
ui-studio generates Claude Code plugins ("studios") tailored to a specific project. Each studio ships with:
Studios are installed to ~/.claude/plugins/ and registered in ~/.claude/settings.json automatically.
go-stack-mcp/ MCP server — Go+Templ+HTMX patterns and guides
templui-mcp/ MCP server — templUI v1.6 component docs
web-patterns-mcp/ MCP server — universal web patterns + stack-specific adapters
design-system-mcp/ MCP server — design system component docs (pluggable)
navigator-mcp/ MCP server — passive workflow graph walker
generator/ Studio generator (MCP server + OpenTUI CLI)
plugins/
go-studio/ Claude Code plugin for the Go SaaS stack
web-studio/ Claude Code plugin for stack-agnostic web applications
studio-generator/ Claude Code plugin that exposes the generator
docs/ GitHub Pages landing (ui-studio.devoured.io)
git clone https://github.com/dvrd/ui-studio
cd ui-studio
bun install
Then register the studio-generator plugin in ~/.claude/settings.json:
{
"mcpServers": {
"ui-studio-generator": {
"command": "bun",
"args": ["/path/to/ui-studio/generator/index.ts"]
}
}
}
Restart Claude Code. The generator is now available as an MCP tool and via the /create-studio skill.
Point the generator at a project directory. It detects the stack and infers patterns from your handlers, services, components, and routes.
create_studio(
name: "myapp-studio",
project_path: "/path/to/myapp"
)
Describe the stack and provide conventions manually.
create_studio(
name: "nextjs-studio",
stack_description: "Next.js 14 + Drizzle ORM + Stripe + Clerk auth",
user_conventions: "Use server actions for mutations. Keep components in src/components/..."
)
bun run generator/cli.ts
A terminal wizard walks through name, project path, and stack description step by step.
After adding more code to a project, refresh the studio's inferred patterns:
expand_studio(name: "myapp-studio", project_path: "/path/to/myapp")
list_studios()
remove_studio(name: "myapp-studio")
plugins/web-studio/ works with any web framework. It uses a 3-phase step protocol (Analyze → Do → Verify) and 3-layer intent routing.
Supported stacks: Go+Templ+HTMX, Next.js/React, SvelteKit/Svelte, Nuxt/Vue — and any other web framework through universal patterns.
MCP servers: web-patterns (universal patterns + stack adapters), design-system (component docs), chrome-devtools (visual verification), navigator (workflow graph walker).
| Command | What it does |
|---|---|
/web-studio:scaffold-app | Scaffold a new web application (any stack) |
/web-studio:build-auth | Add authentication (JWT, session, OAuth, magic link) |
/web-studio:build-feature [name] | Add a domain feature (service + routes + UI) |
/web-studio:build-page [name] | Add a new page/route |
/web-studio:build-component [name] | Build an interactive component |
/web-studio:build-payments | Add payment integration (Stripe/LemonSqueezy) |
/web-studio:build-email | Add transactional email |
/web-studio:build-realtime | Add real-time updates (SSE/WebSocket) |
/web-studio:build-tests | Write unit + integration tests for all features |
/web-studio:add-responsive | Make all pages responsive (mobile + tablet + desktop) |
/web-studio:build-mobile [name] | Build a mobile screen consuming the web API |
/web-studio:smoke-test | Visual smoke test via Chrome DevTools |
/web-studio:review | Full code review (security, correctness, conventions) |
/web-studio:ship | Lint, test, and commit |
/web-studio:deliver | Full delivery pipeline (scaffold → auth → features → responsive → tests → verify → ship) |
plugins/go-studio/ is a fully built studio for the standard Go SaaS stack:
Generates specialized Claude Code studios tailored to any tech stack. Infers patterns from existing code or accepts user-defined conventions.
npx claudepluginhub dvrd/ui-studio --plugin dvrdOpinionated Go web app scaffolding with Templ + HTMX + Alpine.js + Tailwind
Complete fullstack development toolkit: React, Express/FastAPI, PostgreSQL scaffolding with AI agents
Full-stack web development with app scaffolding and page generation
Enhances Claude Code from producing raw code into delivering production-ready systems. 14 specialized agents handle architecture, tested code, security audit, CI/CD, and documentation. Use for building apps/websites/services, adding features, hardening, deployment, testing, review, or architecture design.
Scaffold Cloudflare Workers, Hono APIs, D1/Drizzle schemas, D1 migration workflows, full-stack Vite+Workers apps, and TanStack Start SSR dashboards.
The maragu fabrik plugin.