Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By vcode-sh
Generate responsive Greenshift Gutenberg blocks for WordPress from text descriptions, screenshots, or legacy code: build heroes, sections, galleries, layouts, full pages, accordions, tables; migrate old blocks to GreenLight format; verify and fix HTML/CSS/JS code.
npx claudepluginhub vcode-sh/vibe-tools --plugin greenshift-blocksGenerate a collapsible accordion component for FAQ sections, expandable content, or any collapsible interface.
Generate a card component for various use cases.
Convert a screenshot or image of a website/component into WordPress Greenshift blocks
Generate a responsive column layout with flexbox.
Generate countdown timers that count down to a specific date/time. Perfect for product launches, events, sales, or deadlines.
Uses power tools
Uses Bash, Write, or Edit tools
Share bugs, ideas, or general feedback.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge.
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Generate WordPress Gutenberg blocks using Greenshift/GreenLight. Convert HTML to WordPress blocks, add charts, tables, dynamic content connected to WordPress query loops.
Build accessible React UIs with Base UI (@base-ui/react). Covers all 35+ unstyled, headless components (Dialog, Menu, Select, Combobox, Tabs, Accordion, Toast, Form, Slider, etc.), styling patterns (Tailwind, CSS Modules, CSS-in-JS), animations, composition via render props, form integration, and TypeScript types.
ShadcnBlocks integration with intelligent block selection. Uses multi-dimensional tagging (layout, tone, goal, media, interaction) and guided 1-2 question flow to recommend the best-fit blocks from 1,338 premium blocks and 1,189 free components.
Craft production-grade WordPress sites and applications. Everything from themes and plugins to commerce and deployment.
A plugin to create a new WordPress plugin
Manage WordPress sites: content creation, blog posts, media, Elementor page editing, and WP-CLI workflows.
Build type-safe APIs with oRPC — end-to-end type safety meets OpenAPI compliance. Covers procedures, routers, middleware, context, error handling, file uploads, SSE/streaming, server actions, contract-first development, OpenAPI spec generation, and 20+ framework adapters (Next.js, Express, Hono, Fastify, WebSocket, Electron, Cloudflare Workers, and more). Includes TanStack Query, SWR, Better Auth, AI SDK, and Sentry integrations.
Build React UIs with shadcn/ui — the open-code component system. Covers 58+ components (Base UI and Radix variants), CLI commands, components.json configuration, CSS variable theming (OKLCH), framework installation (Next.js, Vite, Astro, Remix, Laravel, Gatsby, TanStack), registry system, form patterns (React Hook Form, TanStack Form, Server Actions), dark mode, RTL, and monorepo setup.
Add type-safe keyboard shortcuts to React apps with TanStack Hotkeys. Covers hotkey registration, cross-platform Mod shortcuts, Vim-style multi-key sequences, hotkey recording for customization UIs, real-time key state tracking, platform-aware display formatting, and devtools integration.
Build ultrafast web APIs and apps with Hono across any JavaScript runtime. Covers routing, Context API, 25+ built-in middleware (auth, CORS, caching, security), type-safe RPC client, Zod/Standard Schema validation, JSX rendering, streaming/SSE, WebSocket, cookie/JWT helpers, testing patterns, and deployment to Cloudflare Workers, Bun, Deno, Node.js, AWS Lambda, Vercel, Netlify, and more.
Build type-safe, file-based routing for React with TanStack Router. Covers first-class search param APIs with Zod/Valibot/ArkType validation, built-in data loading with SWR caching, automatic code splitting, 100% inferred TypeScript types, authentication with route protection, SSR streaming and dehydration, route masking, URL rewrites, view transitions, document head management, scroll restoration, and bundler configuration for Vite, Webpack, Rspack, and esbuild.
A Claude Code plugin marketplace for people who'd rather vibe than grind. Built by Vibe Code - we automate the boring stuff so you can focus on the creative stuff. Or coffee. Probably coffee.
# Add the marketplace (one time thing, we promise)
/plugin marketplace add vcode-sh/vibe-tools
# Install what you need
/plugin install greenshift-blocks@vibe-tools
/plugin install skill-maker@vibe-tools
/plugin install base-ui-guide@vibe-tools
/plugin install shadcn-guide@vibe-tools
/plugin install hono-guide@vibe-tools
/plugin install orpc-guide@vibe-tools
/plugin install tanstack-hotkeys-guide@vibe-tools
/plugin install tanstack-router-guide@vibe-tools
/plugin install tanstack-start-guide@vibe-tools
That's it. No npm install, no dependency hell, no "works on my machine" moments.
| Plugin | What it does | Vibe level |
|---|---|---|
| greenshift-blocks | WordPress Gutenberg blocks that actually work | Maximum |
| skill-maker | Create, review & package Anthropic Agent Skills | Over 9000 |
Library-specific guides that teach Claude how to use frameworks correctly. Install one and Claude instantly knows the API, patterns, and best practices.
/plugin install base-ui-guide@vibe-tools
/plugin install shadcn-guide@vibe-tools
/plugin install hono-guide@vibe-tools
/plugin install orpc-guide@vibe-tools
/plugin install tanstack-hotkeys-guide@vibe-tools
/plugin install tanstack-router-guide@vibe-tools
/plugin install tanstack-start-guide@vibe-tools
| Guide | Library | What Claude learns |
|---|---|---|
| base-ui-guide | Base UI (@base-ui/react) | 35+ unstyled headless components, styling patterns, animations, composition |
| shadcn-guide | shadcn/ui (shadcn) | 58+ components, theming, registry system, form patterns, dark mode |
| hono-guide | Hono (hono) | Routing, middleware, RPC client, multi-runtime deployment, streaming/SSE |
| orpc-guide | oRPC (@orpc/*) | Type-safe APIs, OpenAPI generation, 20+ framework adapters, streaming |
| tanstack-hotkeys-guide | TanStack Hotkeys (@tanstack/react-hotkeys) | Keyboard shortcuts, sequences, recording, cross-platform Mod keys |
| tanstack-router-guide | TanStack Router (@tanstack/react-router) | File-based routing, search params, data loading, code splitting, SSR |
| tanstack-start-guide | TanStack Start (@tanstack/react-start) | Full-stack React, server functions, middleware, SSR/streaming, deploy anywhere |
More guides are added over time as skills get packaged in vibe-skills.
Generate production-ready WordPress Gutenberg blocks using Greenshift/GreenLight. Because manually writing JSON-in-HTML-comments is a special kind of torture we don't wish on anyone.
What you get:
Commands:
| Command | Does the thing |
|---|---|
/gs:section | Sections. Shocking, right? |
/gs:hero | Hero sections with that chef's kiss |
/gs:columns | 2-4 column layouts |
/gs:element | Individual elements |
/gs:gallery | Image galleries |
/gs:card | Card components |
/gs:page | Entire pages. Yes, really. |
/gs:accordion | FAQ/collapsible sections |
/gs:tabs | Tabbed interfaces |
/gs:counter | Animated number counters |
/gs:countdown | Countdown timers |
/gs:table | Responsive tables |
/gs:video | Videos (native, YouTube, Vimeo, lightbox) |
/gs:clone | Screenshot to Greenshift blocks |
Full docs for the curious.
Create, review, test, and package Anthropic Agent Skills for Claude.ai and Claude Code. Because writing YAML frontmatter by hand and hoping Claude triggers your skill is not a vibe.
What you get:
Commands: