Search for rules and generate a CLI command to install them
No rules selected yet.
You are helping a developer select appropriate AI agent rules, skills, and workflows for their project. Your task is to:
1. Ask the developer questions to understand their project's tech stack, framework, and specific needs
2. Based on their answers, select the most relevant rule categories, skills, and workflows from the lists below
3. Output the CLI command with the selected items
The developer will paste this command into their terminal to install the rules.
## Available Rule Categories
**component-architecture** (Category: component-architecture)
- Description: Component architecture patterns for React and Next.js applications covering file structure organization with component, UI, state, and type files, state management with hooks and context providers, reducer patterns, component separation strategies, directory organization, and modular architecture best practices for scalable frontend development
- When to use: undefined
- Tags: architecture, patterns, react, component-architecture, component-structure, components, file-structure, file-organization, directory-structure, organization, state-management, hooks, context, provider, reducers, use-reducer, create-reducer-context, server-client-separation, client-components, ui-components, nextjs, tsx, modular, separation-of-concerns, best-practices, conventions
**database-patterns** (Category: database)
- Description: Database access patterns for MongoDB with TypeScript covering typed collections, document typing conventions with Document suffix pattern, type conversion between database documents and client interfaces, data mapping strategies, collection typing, schema organization, and type-safe database operations for NoSQL document databases
- When to use: undefined
- Tags: database, db, patterns, mongodb, mongo, nosql, document-db, collections, typescript, ts, document-typing, typing, type-safety, data-conversion, data-mapping, data-access, odm, schemas, document-suffix, client-interfaces, best-practices, conventions
**meta-rules** (Category: meta)
- Description: Meta rules for applying Antigravity agent rules covering file size limits and line count restrictions, scope management and complexity control, error handling patterns, rule application guidelines, code quality standards, validation requirements, and change management strategies for maintainable codebases
- When to use: undefined
- Tags: meta, meta-rules, rules, guidelines, best-practices, code-quality, quality, file-size-limits, file-limits, line-limits, error-handling, scope-management, scope, complexity, validation, conventions, standards, rule-application, planning-mode, planning
**react-hooks** (Category: react-hooks)
- Description: React hooks best practices covering useState, useEffect, useReducer, useContext, useMemo, useCallback usage patterns, custom hooks creation, context patterns with providers, performance optimization through memoization, hook dependencies management, reducer context patterns, and state management strategies for functional React components
- When to use: undefined
- Tags: react, hooks, react-hooks, patterns, hooks-pattern, use-state, use-effect, use-reducer, use-context, use-memo, use-callback, custom-hooks, context, context-pattern, provider, state-management, state, performance, performance-optimization, optimization, memoization, create-reducer-context, best-practices, conventions
**react-server-components** (Category: react-server-components)
- Description: React Server Components best practices for Next.js App Router covering server vs client component usage patterns, composition strategies, data fetching in server components, async component patterns, streaming and suspense, client-server boundary separation, performance optimization, component architecture for Next.js 13+ with TypeScript support
- When to use: undefined
- Tags: react, react-18, react-19, patterns, server-components, rsc, server-side, ssr, client-components, use-client, client-server-separation, server-client, nextjs, next, nextjs-13, nextjs-14, nextjs-15, app-router, composition, composition-pattern, data-fetching, async, async-components, streaming, suspense, performance, best-practices, conventions
**styling-tailwind** (Category: styling)
- Description: Tailwind CSS best practices for utility-first styling covering size utilities, grid-based layouts, responsive design patterns with mobile-first approach, tokenized color system, shadcn/ui component library integration with Radix UI primitives, theming and dark mode support, breakpoint management, and design system conventions for modern frontend development
- When to use: undefined
- Tags: styling, css, design, ui, frontend, tailwind, tailwindcss, tw, utility-first, utility-classes, shadcn, shadcn-ui, component-library, radix, radix-ui, responsive, responsive-design, mobile-first, breakpoints, grid, grid-layout, flexbox, layout, design-tokens, tokens, theme, theming, dark-mode, patterns, best-practices, conventions
**testing-guidelines** (Category: testing)
- Description: Comprehensive testing guidelines for Claude Code including the 4 Pillars of Good Tests framework and TDD workflow. Covers test quality principles (Reliability, Validity, Sensitivity, Resilience) and test-driven development practices with red-green-refactor cycle, test-first approach, and quality assurance
- When to use: undefined
- Tags: testing, test, unit-testing, integration-testing, e2e-testing, test-quality, reliability, validity, sensitivity, resilience, flaky-tests, test-assertions, test-patterns, vitest, jest, testing-library, react-testing, test-best-practices, test-driven-development, tdd, red-green-refactor, test-first
**typescript-conventions** (Category: typescript)
- Description: TypeScript strict conventions covering type and interface hoisting, interface vs type usage patterns, JSDoc documentation requirements for functions, enum usage over union types, import and export organization patterns, type separation for different purposes, inline import restrictions, and type safety best practices for strongly-typed codebases
- When to use: undefined
- Tags: typescript, ts, language, type-system, types, typing, conventions, best-practices, strict-mode, strict, interfaces, interface, type-aliases, jsdoc, documentation, comments, type-safety, safety, imports, exports, imports-exports, enums, enum, hoisting, organization
**url-state-management** (Category: url-state)
- Description: URL state management patterns for Next.js applications covering server-side search parameter handling, URL parameter conversion and validation, query string synchronization with client state, router patterns with useRouter and useSearchParams, initial state from URLs, parameter naming conventions, and state persistence strategies for App Router
- When to use: undefined
- Tags: state-management, state, url, url-state, patterns, nextjs, next, nextjs-13, nextjs-14, nextjs-15, search-params, query-params, query-string, params, router, use-router, use-search-params, server-side, server-side-rendering, ssr, app-router, url-parameters, synchronization, best-practices, conventions
## Available Skills
- **feature-development-workflow**
- **structured-brainstorming**
- **tdd-workflow**
- **test-quality-reviewer**
Skills are specialized procedures that the AI agent can use to help with specific tasks. Select skills that match the developer's workflow and project needs.
## Available Workflows
- **commit-plan**
- **repo-knowledge**
- **review-changes**
Workflows are step-by-step procedures for common development tasks. Select workflows that will help the developer with their typical tasks.
## Instructions
1. **Ask Questions**: Start by asking the developer about their project:
- What programming languages are they using?
- What frameworks or libraries are they using?
- What is the project type (web app, API, library, etc.)?
- What common tasks do they perform? (testing, deployment, code review, etc.)
- Any specific requirements or constraints?
2. **Ask About Preferences**: After understanding their project, ask about installation preferences:
- **Overwrite Strategy**: How should conflicts with existing files be handled?
- `prompt` (default): Ask before overwriting each file
- `force`: Automatically overwrite all existing files
- `skip`: Skip files that already exist
3. **Select Items**: Based on their answers, select the most relevant items:
- **Categories**: Rule categories that match their tech stack
- **Skills**: Specialized procedures for their workflow
- **Workflows**: Common tasks they'll perform regularly
Only select items that are actually relevant to their project.
4. **Output Command**: Once you've made your selections, output the CLI command in this exact format:
```
npx @quanvo99/ai-rules@latest init --agent antigravity --categories {category1,category2} --skills {skill1,skill2} --workflows {workflow1,workflow2} --overwrite-strategy {strategy}
```
Replace the placeholders with the actual IDs/names you selected, separated by commas.
**Available flags**:
- `--agent {name}`: Required. AI agent name
- `--categories {cat1,cat2}`: Required. Comma-separated category IDs
- `--skills {skill1,skill2}`: Optional. Comma-separated skill names
- `--workflows {workflow1,workflow2}`: Optional. Comma-separated workflow names
- `--overwrite-strategy {prompt|force|skip}`: Optional. How to handle file conflicts (default: prompt)
**Note**: Skills are only installed if you specify them with the `--skills` flag. If you don't specify any skills, none will be installed.
## Example
If the developer says they're building a Next.js app with TypeScript, doing TDD, needs commit workflows, wants the test-quality-reviewer skill, and wants to skip existing files, you might select:
- Categories: typescript-conventions, react-server-components
- Skills: test-quality-reviewer
- Workflows: commit-plan, review-changes
- Overwrite strategy: skip
And output:
```
npx @quanvo99/ai-rules@latest init --agent antigravity --categories typescript-conventions,react-server-components --skills test-quality-reviewer --workflows commit-plan,review-changes --overwrite-strategy skip
```
Now, let's start! Please tell me about your project.Copy this prompt and paste it into ChatGPT to get help selecting the right rules for your project.
Select rules to generate a command.