Help us improve
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
Share bugs, ideas, or general feedback.
By gopherguides
Initialize Tailwind CSS v4 setups in Next.js, Vite, React, Vue, Astro, or plain HTML projects; migrate v3 configs to v4; audit usage for best practices, performance, and compliance with auto-fixes; optimize bundles by purging unused classes and analyzing output sizes.
npx claudepluginhub gopherguides/gopher-ai --plugin tailwindAudit Tailwind CSS usage for best practices and consistency
Cancel any active persistent loop
Initialize Tailwind CSS v4 in an existing project
Migrate Tailwind CSS v3 configuration to v4 CSS-based config
Analyze and optimize Tailwind CSS output
Runs pre-commands
Contains inline bash commands via ! syntax
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.
Expert Tailwind CSS v4.1 - CSS-first configuration, @theme, @utility, @variant, Oxide engine 5x faster, OKLCH colors, container queries, 15 specialized skills
Validation and quality enforcement for Tailwind CSS projects with comprehensive utility-first CSS patterns and best practices.
Frontend platform discipline: CSS, Tailwind CSS v4, accessibility, and browser-specific practices
Complete Tailwind CSS v4 expertise system with 2025/2026 best practices. PROACTIVELY activate for: (1) ANY Tailwind CSS task, (2) Tailwind v4 CSS-first configuration (@theme, @utility, @custom-variant), (3) Mobile-first responsive design and container queries, (4) Dark mode implementation, (5) WCAG 2.2 accessibility (44px touch targets, focus states), (6) Performance optimization and Core Web Vitals, (7) Plugin integration (@tailwindcss/typography, @tailwindcss/forms, container-queries), (8) Framework integration (React, Vue, Next.js, Vite), (9) Migration from v3 to v4, (10) Custom utility and component creation. Provides: Mobile-first design patterns, fluid typography (CSS clamp), container queries, WCAG 2.2 touch targets, OKLCH color systems, CSS-first @theme configuration, @utility and @custom-variant directives, responsive breakpoints, dark mode patterns, typography and forms plugins, animation utilities with reduced motion support, framework-specific integration, performance optimization, and production-ready 2025/2026 patterns. Ensures modern, accessible, performant Tailwind CSS implementations.
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>
A curated collection of AI coding agent skills for browser automation, frontend design, performance auditing, task tracking, and structured problem-solving workflows.
Go-specific development tools with idiomatic best practices
Gopher Guides training materials integrated into Claude
Standup reports, changelogs, and git productivity helpers
Opinionated Go web app scaffolding with Templ + HTMX + Alpine.js + Tailwind
Issue-to-PR workflow automation with git worktree management
Cross-platform AI coding assistant toolkit for Go developers - by Gopher Guides.
Gopher AI provides skills and commands for the three major AI coding assistants:
| Platform | Status | Install Method |
|---|---|---|
| Claude Code | Full support | Plugin marketplace |
| OpenAI Codex CLI | Full plugin support | Repo-local, installer script, or manual |
| Google Gemini CLI | Extensions | Manual install |
What's included:
# Add marketplace
/plugin marketplace add gopherguides/gopher-ai
# Install all modules
/plugin install go-workflow@gopher-ai
/plugin install go-dev@gopher-ai
/plugin install productivity@gopher-ai
/plugin install gopher-guides@gopher-ai
/plugin install llm-tools@gopher-ai
/plugin install go-web@gopher-ai
/plugin install tailwind@gopher-ai
# Repo-local (auto-discovered — just clone and run Codex)
git clone https://github.com/gopherguides/gopher-ai
cd gopher-ai
codex # Plugins load automatically from .agents/plugins/marketplace.json
# Use /plugins to browse, $start-issue 42 to invoke workflow skills
# Global install or update (all repos)
./scripts/build-universal.sh
./scripts/install-codex.sh --user
# Restart Codex — use /plugins to verify
# Or one-liner install from GitHub
bash <(curl -fsSL https://raw.githubusercontent.com/gopherguides/gopher-ai/main/scripts/install-codex.sh) --user
git clone https://github.com/gopherguides/gopher-ai
cd gopher-ai
./scripts/build-universal.sh
# Install specific extensions
gemini extensions install ./dist/gemini/gopher-ai-go-dev
gemini extensions install ./dist/gemini/gopher-ai-go-workflow
# ... or any other module
Gopher AI includes both Go-specific and general-purpose tools:
These modules are designed specifically for Go development:
| Module | Focus |
|---|---|
| go-dev | Go testing, linting, and code explanation |
| go-workflow | Issue-to-PR workflow with git worktrees |
| go-web | Go web app scaffolding (Go + Templ + HTMX + Tailwind) |
| gopher-guides | Go best practices from Gopher Guides training materials |
These modules work with any language or stack:
| Module | Focus |
|---|---|
| productivity | Standup reports, changelogs, release management |
| llm-tools | Multi-LLM delegation and comparison |
| tailwind | Tailwind CSS v4 tooling (init, migrate, audit, optimize) |
Issue-to-PR workflow automation with git worktree management.
| Command | Description |
|---|---|
/start-issue <number> | Start working on an issue (auto-detects bug vs feature) |
/address-review [PR] | Address PR review comments, make fixes, reply, and resolve |
/create-worktree <number> | Create a new git worktree for a GitHub issue |
/commit | Create a git commit with auto-generated message |
/remove-worktree | Interactively select and remove a git worktree |
/prune-worktree | Batch cleanup of all completed issue worktrees |
The /start-issue command handles the full issue-to-PR workflow:
fix/ branch, feature → feat/ branch)The /address-review command automates PR review handling:
Go-specific development tools with idiomatic best practices.
| Command | Description |
|---|---|
/test-gen <target> | Generate comprehensive Go tests with table-driven patterns |
/lint-fix [path] | Auto-fix Go linting issues with golangci-lint |
/explain <target> | Deep-dive explanation of Go code with diagrams |
Standup reports and git productivity helpers.
| Command | Description |
|---|---|
/standup [timeframe] | Generate standup notes from recent git activity |
/weekly-summary [weeks] | Generate weekly work summary with metrics |
/changelog [since] | Generate changelog from commits since last release |
/release [bump] | Create a new release with version bump and changelog |