Promptic

Website: https://promptic.top

Promptic is a VS Code extension designed for AI Prompt engineering, providing syntax highlighting, intelligent completion, variable management and other features to help teams create and manage Prompt templates more efficiently.

中文文档

Features

1. Syntax Highlighting

• Role keyword highlighting (system, user, assistant etc.)
• Variable placeholder highlighting (e.g. {{variable}})
• Comment and string highlighting
• JSON structure highlighting (for MCP format)

2. Intelligent Completion

• Role keyword auto-completion
• Variable type hints (text, string, image, file, number, boolean, date)
• Smart hints for defined variables
• Variable property support (optional, default value, description)
• MCP protocol field completion

3. Variable Management

Supports the following variable formats:

{{name}}                    // Basic usage, default text type
{{string:name}}            // Specify type
{{name?}}                  // Optional variable
{{name?="default"}}       // Optional variable with default value
{{name desc="desc"}}      // Variable with description
{{string:name?="default" desc="desc"}}  // Complete usage

4. Code Snippets

Provides commonly used code snippets:

• System instruction block (system)
• User input block (user)
• Assistant output block (assistant)
• Tool response block (tool)
• Function call block (function)
• Memory injection block (memory)
• Context block (context)
• Example blocks (example_user/example_assistant)
• Critic block (critic)
• Moderator block (moderator)

5. Error Checking

• Variable type validation
• Syntax error hints
• JSON format validation

6. MCP Support

Support for Model Control Protocol (MCP) format:

• MCP specific templates
• Standardized JSON structure
• Complete metadata support
• Configurable model parameters
• Support for attachments and callbacks
• Evaluation and moderation features

Installation

Search for "Promptic" in VS Code and install

Usage

1. Create a .promptic file
2. Use role keywords to start a new block (e.g. system:, user:)
3. Use {{variable}} to insert variables
4. Use # to add comments

You can refer to these template files to get started quickly:

• examples/default.en.promptic: Default English template
• examples/default.zh.promptic: Default Chinese template
• examples/mcp.en.promptic: MCP English template
• examples/mcp.zh.promptic: MCP Chinese template

These template files contain examples of all supported roles and variable usages.

Configuration

No special configuration needed, ready to use after installation.

Example

# System instruction
system: You are a professional product introduction assistant, please generate refined content based on context and variables.

# Context injection
context: Product: Promptic, features include variable interpolation, highlight editor, team collaboration, etc.

# User input
user: Please help me write a copy to introduce {{image:productName?}}, with reference to {{image:mainPic}}.

# Model output
assistant: Of course, here's the recommended copy for {{productName}}:

"{{productName}} provides flexible syntax editing capabilities, helping teams quickly create and reuse high-quality Prompts."