Tutorials

Visit the Homepage

Navigate to the GenE2 Customisation Repository homepage. As a guest, you can browse categories, subcategories, and tech stacks to explore available content.

Create an Account

Click the "Sign In" button in the navigation bar, then select "Sign Up" to create a new account. You'll need:

• Full name
• Valid email address
• Secure password

Sign In

Use your credentials to sign in. Once authenticated, you'll have access to full content, downloads, and the Insights dashboard.

Explore the Interface

Familiarize yourself with the main navigation options: browse, Insights, and Management (for admins). Each section provides different functionality for managing your AI coding instructions.

Browse Categories

Start by exploring the main categories on the homepage:

• Frontend: React, Vue, Angular, and more
• Backend: Node.js, Python, Java, etc.
• Database: PostgreSQL, MongoDB, MySQL
• AI/ML: TensorFlow, PyTorch, scikit-learn
• DevOps: Docker, Kubernetes, CI/CD tools
• Mobile: React Native, Flutter, Swift

Explore Subcategories

Click on a category to see its subcategories. For example, Frontend includes UI Libraries, State Management, Build Tools, and Testing Frameworks.

View Tech Stacks

Within each subcategory, you'll see available tech stacks. Each stack displays:

• Technology name and icon
• Brief description
• Available versions
• Content count (Rules, Prompts, Agents, Skills)

Select Tech Stacks (Authenticated Users)

Once logged in, you can select tech stacks by clicking the checkboxes. You can:

• Select multiple tech stacks at once
• Choose specific versions for each stack
• Prepare selected stacks for bulk download
• Download content individually or in bulk

Review Your Selected Tech Stacks

Start from the main browse experience and review the tech stacks you have selected. Use the current selection and recommendation surfaces to confirm which stacks belong in the setup you want to download.

Refine Versions and Scope

Use the available selectors and previews to decide:

• Which tech stack versions match your project
• Which content types are required for the task at hand
• Which optional stacks should be removed to keep the download focused
• Whether the current selection is broad enough for the project

Add or Remove Tech Stacks

Browse categories and adjust your selection until it matches the project you are setting up. You can combine stacks from different categories before downloading.

Confirm Content Selection

For each tech stack, choose which content types to include in the download or installation:

• Essential rules for code quality
• Common prompts for repetitive tasks
• Relevant agents for your workflow
• Useful skills to enhance functionality

Download and Install

Download the selected content or install it directly into VS Code once the selection matches your needs. Repeat the same flow whenever project requirements change.

Reuse the Workflow

Use recommendations and Insights to identify combinations you revisit often. That makes it easier to rebuild a similar setup without relying on a separate starter-pack layer.

Access Insights

Click "Insights" in the navigation menu (requires authentication). The dashboard loads automatically with your usage data.

Overview Metrics

The dashboard displays key metrics:

• Total downloads (Rules, Prompts, Agents, Skills)
• Most popular tech stacks
• Most accessed content types
• Your download activity
• Recent activity timeline

Filter and Analyze

Use date range filters to analyze trends over time. Filter by category, subcategory, or specific tech stacks to dive deeper into your usage patterns.

Export Reports

Generate CSV or PDF reports of your insights data for team sharing, documentation, or archival purposes.

Use Insights to Improve

Identify which tech stacks and content types you use most. Optimize your workflow by standardizing the combinations you reach for most often.

Select Content

Navigate to a tech stack and view available content (Rules, Prompts, Agents, Skills). Select the items you want to download by checking the boxes.

Choose Download Format

Content is available in multiple formats:

• Markdown (.md): Human-readable documentation format
• JSON (.json): Structured data for programmatic use
• YAML (.yaml): Configuration-friendly format
• VS Code Extension: Direct integration with VS Code

Download Files

Click the "Download" button. Individual files download directly, while multiple selections create a ZIP archive automatically.

Install in VS Code

For VS Code extension format:

1. Download the .vsix file
2. Open VS Code
3. Go to Extensions (Ctrl+Shift+X)
4. Click "..." menu → "Install from VSIX"
5. Select the downloaded file
6. Reload VS Code when prompted

Use with AI Coding Assistants

Import downloaded content into your AI coding assistant:

• Copy rules to your assistant's instructions
• Use prompts as templates for common tasks
• Configure agents in your assistant settings
• Enable skills to extend functionality

Verify Installation

Test your setup by asking your AI assistant to generate code following the installed rules. Check that it adheres to the coding standards and best practices you've configured.