Agent Hub Operation Guide
Agent Hub is VJSP's agent management center, providing a series of pre-built standardized agents (such as database design, workflow design, VJSP/VUE framework development, etc.), and also supporting users to create and manage custom agents.
💡 Prerequisite
To use web-side agents (including official or custom ones) in the IDE, you must first reference or create the agent in Agent Hub, and manually reload in the IDE for it to take effect.
1. Using Official Agents (Recommended for Beginners)
1.1 Access Agent Hub
- Go to Agent Hub (login required).
1.2 Browse and Select
View agent cards (such as "VJSP-Visio Framework Development Agent", "Database Design Expert")
Click on a card to enter the details page and learn more about it
1.3 Reference Agent
Click the 「Use Now」 button, and the system will automatically add it to your reference list.
✅ Verify Successful Reference:
Go to Personal Center > Console > My Agents > Referenced Agents and confirm that the agent is included in the list.
2. Creating Custom Agents (Advanced Users)
🧭 Applicable Scenarios: Need to customize behavior, integrate private models, reuse specific prompts or rules
2.1 Enter Creation Page
Path: Personal Center > Console > My Agents > Create Agent
2.2 Fill in Configuration Information
| Field | Instructions |
|---|---|
Name | Agent display name, used for calling in IDE. |
| Icon | Custom icon |
| Associated Model | Select large language model |
| Associated Rules | Select rules |
| System Prompt | Select prompts |
| Tags | Custom tags for easy categorization and retrieval |
| Description | Brief functional description |
📌 Best Practices
- Start with simple prompts, gradually enhance capabilities through rules + tools
- Avoid vague instructions (like "help me write code"), use specific tasks instead (like "generate Spring Boot user registration interface")
2.3 Save and Publish
Click 「Save」, and the agent will take effect immediately and appear in the "My Agents" list.
🔒 Permission Note: Custom agents are private by default and only visible to the creator.
3. Editing Existing Agents
Go to Personal Center > Console > My Agents
Find the target agent and click the 「Settings」 icon
Modify any fields (such as updating prompts, switching models)
Click 「Confirm」 to save
⚠️ Note: After modification, you still need to Reload Agents in the IDE to synchronize the latest configuration.
4. Using Agents in IDE
Operation Process
Open VS Code or IntelliJ IDEA
In the VJSP plugin panel, click 🔄 Reload Agents (required for first use or after updates!)
Select the target agent from the agent dropdown menu at the top of the chat window
Enter natural language instructions, for example:
Help me design a personnel management database table, including ID, name, department, hire date, and status fields.
- The agent will return structured output based on its preset configuration (such as SQL, directory structure, code snippets, etc.)
5. Usage Recommendations
| Scenario | Recommended Strategy |
|---|---|
| Beginner Getting Started | Prefer using "VJSP-Visio Framework Development Agent" or "Database Design Expert" |
| Prompt Optimization | Be as specific as possible, clarify input/output formats (like "output PostgreSQL table creation statements") |
| Debugging Configuration | Use YAML preview feature to verify if models, rules, tools are correctly bound |
| Performance Tuning | For complex tasks, you can combine with Plan Mode to break down before execution |
🎯 Core Principle:
"One Agent = One Role + One Set of Rules + One Model"
Maintain single responsibility for more controllable results.