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

Adding Blueprints to Collections

From Blueprint Pages:

Click the "Add to Collection" button
Select existing collection or create new one
Add notes specific to this blueprint

From Collection Manager:

Browse all available blueprints
Use checkboxes for bulk selection
Drag and drop organization

Managing Collections

Collection Features:

Reorder blueprints - Drag to arrange by priority
Add notes - Personal reminders for each blueprint
Export collections - Download as packages
Share collections - Make public for team use
Duplicate collections - Create variations for different projects

Bulk Operations:

Select multiple blueprints
Move between collections
Export selected items
Remove from collection

Public Collections:

Make collections visible to all users
Allow others to copy/fork your collections
Get community feedback and ratings
Contribute to the VDK Hub ecosystem

Team Sharing:

Share private collections with specific users
Collaborate on collection building
Sync collections across team members
Track usage and adoption

User Accounts

Enhance your VDK Hub experience with a free user account.

Account Benefits

Personal Features:

Save unlimited collections
Track download history
Set personal preferences
Get personalized recommendations

Community Features:

Rate and review blueprints
Comment on blueprints
Follow favorite contributors
Participate in discussions

Advanced Features:

API access for automation
Priority support
Early access to new features
Integration with external tools

Profile Management

Basic Information:

Display name and bio
Avatar/profile picture
Contact information (optional)
Social links (GitHub, Twitter, etc.)

Preferences:

Preferred AI assistant
Programming languages
Notification settings
Theme and display options

Privacy Settings:

Profile visibility
Collection privacy defaults
Activity sharing preferences
Data export options

Account Dashboard

Your personal dashboard shows:

Recent activity - Latest downloads and collection updates
Recommendations - Blueprints you might find useful
Statistics - Your usage patterns and favorites
Notifications - Updates from blueprints you follow

Notification Settings

Control what notifications you receive:

New blueprints in categories you follow
Updates to blueprints in your collections
Community activity on your contributions
System announcements and feature updates

Getting Help

In-App Help

Tooltips - Hover over UI elements for quick explanations
Help buttons - Context-sensitive help throughout the app
Getting started tours - Guided walkthroughs for new users
Video tutorials - Visual guides for complex features

Community Support

FAQ - Common questions and answers
Community forums - Discussion with other users
GitHub Issues - Report bugs or request features
Discord/Slack - Real-time community chat

Best Practices

Start simple - Begin with a few key blueprints
Experiment safely - Test blueprints in non-critical projects first
Stay organized - Use collections to group related blueprints
Give feedback - Help improve blueprints with ratings and comments
Share knowledge - Contribute your own blueprints and insights

Ready to explore these features? Start with the Blueprint Catalog or jump into the Blueprint Generator to create your first custom package!

Blueprint Sync