Agent
code-audit-frontend
Comprehensive code review, security audit, performance analysis, and architectural assessment. Goes beyond linting and type-checking to identify…
@gaia-reactView AgentDevelopment
Agent
tailwind-merge
- Import only from `tailwind-merge`, flag any use of `clsx`, `classnames`, or `cn` wrappers for class merging - `twJoin` when no class conflict is possible (internal construction, no incoming `className` prop) - `twMerge` when a consumer `className` prop or two conflict-eligible
Install
$ npx -y skills add gaia-react/gaia --agent claude-codeHow it fires
How this agent gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
Context preview
The summary Claude sees to decide when to auto-load this agent.
- Import only from `tailwind-merge`, flag any use of `clsx`, `classnames`, or `cn` wrappers for class merging - `twJoin` when no class conflict is possible (internal construction, no incoming `className` prop) - `twMerge` when a consumer `className` prop or two conflict-eligible
Agent definition
tailwind-merge.mdsubagents: [typescript] library: tailwind-merge
tailwind-merge Audit Rules
- Import only from `tailwind-merge`, flag any use of `clsx`, `classnames`, or `cn` wrappers for class merging
- `twJoin` when no class conflict is possible (internal construction, no incoming `className` prop)
- `twMerge` when a consumer `className` prop or two conflict-eligible strings must merge
- Conditional classes: pass falsy values directly (`twJoin('base', isActive && 'bg-blue-500')`), flag template literals used to build class lists inline
- Variant/size lookup: multi-class strings in `Record<Variant, string>` constants, referenced positionally in `twJoin`/`twMerge`, not via template literal interpolation
- No arbitrary color values (`[#abc123]`), use palette tokens with opacity modifiers (`bg-blue-900/15`)
- No raw `px` values in class names, use Tailwind's spacing scale
- Tailwind v4: config lives in `app/styles/tailwind.css` under `@theme`/`@layer`/`@utility`, there is no `tailwind.config.ts`
Ships withgaia-react-gaia
Claude is raw power. GAIA is order and focus. The foundation that keeps Claude-shipped code production-grade as your team scales. The React frontend is handled. You build the rest of your app on top. Every convention enforced in code.
Get the whole plugin
Stats
23
Stars
4
Forks
Active
Maintenance
Shell
Language
MIT
License
10h ago
Last commit
2y ago
Created
Repo: gaia-react/gaia
Other agents on gaia-react-gaia.
@gaia-reactView AgentAgent
conform
- `@conform-to/zod` must **always** be imported from the `/v4` subpath. Flag any import from the bare `@conform-to/zod` package as **Critical**. The default…
@gaia-reactView AgentAgent
form-components
Use project form components instead of native elements in all `.tsx` files. Native form elements bypass GAIA's Conform integration and accessible error/label…
@gaia-reactView AgentAgent
react-i18next
- Single `useTranslation()` call per component, flag multiple `useTranslation` calls in the same component - Namespace override via `{ns: 'other'}` as the…
@gaia-reactView AgentAgent
code-audit-github-work…
Audits GitHub Actions workflow YAML and composite-action YAML for supply-chain, injection, permission, and secret-handling defects. Advisory-only (no…
@gaia-reactView AgentAgent
code-audit-maintainer-…
Maintainer-only audit of the framework Node/CLI TypeScript, its render templates and test snapshots, and the CLI build/config surface the roster grants it:…
@gaia-reactView Agent