Using VDK Hub Features

Learn how to use all the features VDK Hub offers to enhance your AI assistant experience.

Overview

VDK Hub provides several powerful features to help you find, organize, and use AI assistant blueprints effectively:

Blueprint Catalog - Browse and discover blueprints
Search & Filters - Find exactly what you need
Blueprint Generator - Create custom packages
Collections - Organize your favorites
User Accounts - Personalize your experience

Blueprint Catalog

The main blueprint catalog is your starting point for discovering AI assistant blueprints.

Navigating Categories

Blueprints are organized into logical categories:

Core Categories:

Languages - Programming language specific rules (Python, JavaScript, TypeScript, etc.)
Frameworks - Web frameworks and libraries (React, Next.js, Django, etc.)
Tools - Development tools and utilities (Docker, Git, Testing, etc.)
AI Assistants - Platform-specific configurations
Best Practices - Universal coding standards and guidelines

Viewing Categories:

Visit the Blueprints page
Click on any category card to browse that category
Use the breadcrumb navigation to move between categories
View subcategories when available

Blueprint Cards

Each blueprint is displayed as a card showing:

Title & Description - What the blueprint does
Category Badge - Which category it belongs to
Compatibility Icons - Which AI assistants it works with
Tags - Related technologies and concepts
Stats - Download count and community rating
Actions - Preview, download, or add to collection

Blueprint Details

Click on any blueprint to view detailed information:

Full description - Comprehensive explanation of what it does
Content preview - See the actual rules and instructions
Compatibility matrix - Detailed platform support
Usage examples - How it improves AI responses
Related blueprints - Suggestions for complementary blueprints
Community feedback - Ratings and comments from other users

Search & Filters

Find exactly the blueprints you need with powerful search and filtering options.

Search Functionality

Quick Search:

Use the search bar at the top of any page
Search by blueprint title, description, or content
Get instant results as you type
See search suggestions based on popular terms

Advanced Search:

Access from the main blueprints page
Search within specific fields (title only, content only, etc.)
Use boolean operators (AND, OR, NOT)
Search by author or contributor

By Category:

Select one or more categories
Include subcategories automatically
Clear filters easily

By Compatibility:

Filter by AI assistant (Claude Code, Cursor, Windsurf, etc.)
Filter by IDE support
Show only multi-platform blueprints

By Attributes:

Complexity Level: Beginner, Intermediate, Advanced
Scope: File-level, Component-level, Project-level
Audience: Individual developers, Teams, Architects
Maturity: Experimental, Beta, Stable

By Technology:

Programming languages
Frameworks and libraries
Development tools
Cloud platforms

Sorting Options

Sort results by:

Relevance - Best match for your search
Popularity - Most downloaded blueprints
Rating - Highest community ratings
Recent - Newest additions to the catalog
Alphabetical - A-Z by title

Saved Searches

With an account, you can:

Save frequently used search combinations
Get notifications when new blueprints match your saved searches
Share search results with team members

Blueprint Generator

Create custom blueprint packages tailored to your specific needs.

Starting the Generator

Navigate to the Generate page
Click "Start Setup Wizard"
Follow the step-by-step process

Step 1: Project Information

Project Type:

Web Application (Frontend, Full-stack)
API/Backend Service
Mobile Application
Desktop Application
CLI Tool
Library/Package
Other/Custom

Primary Language:

Select your main programming language
Choose version if applicable
Specify any language-specific preferences

Project Scale:

Personal project
Small team (2-5 developers)
Medium team (6-20 developers)
Large team (20+ developers)
Enterprise

Step 2: Technology Stack

Frontend Technologies:

React, Vue, Angular, Svelte
CSS frameworks (Tailwind, Bootstrap, etc.)
Build tools (Vite, Webpack, etc.)

Backend Technologies:

Frameworks (Express, Django, Spring, etc.)
Databases (PostgreSQL, MongoDB, Redis, etc.)
Cloud services (AWS, Azure, GCP)

Development Tools:

Version control preferences
Testing frameworks
CI/CD platforms
Containerization (Docker, Kubernetes)

Step 3: AI Assistant Configuration

Your AI Assistant:

Claude Code
Cursor
Windsurf
GitHub Copilot
Multiple assistants
Other/Custom

Experience Level:

Beginner (new to AI assistants)
Intermediate (some experience)
Advanced (power user)
Expert (contributing to AI tools)

Coding Preferences:

Strict adherence to standards
Flexible/adaptable approach
Team consistency focus
Innovation/experimentation

Step 4: Review & Generate

Package Preview:

See all selected blueprints
Review compatibility warnings
Estimate package size
Preview integration instructions

Customization Options:

Exclude specific blueprints
Add additional blueprints
Modify package structure
Set naming conventions

Generate Package:

Download as ZIP file
Get integration guide
Receive setup instructions
Access troubleshooting tips

Package Contents

Your generated package includes:

Blueprint files - Ready to use with your AI assistant
Integration guide - Step-by-step setup instructions
README - Overview of included blueprints
Configuration files - Platform-specific setup files
Examples - Sample usage and testing instructions

Collections

Organize and manage your favorite blueprints with personal collections.

Creating Collections

Sign in to your account
Go to Collections page
Click "Create New Collection"
Enter collection details:
- Name - Descriptive title
- Description - What this collection is for
- Visibility - Private or public
- Tags - For organization