- 支持OpenAI、Anthropic、Google Gemini和自定义AI服务商
- 支持对话引导挖掘用户需求后自动生成系统提示词
- 自动生成和手动步进两种执行模式
- 支持Markdown/XML格式切换和中英文互译
- 支持系统提示词优化
- 支持基于系统提示词和对话上下文的用户提示词优化
- 支持效果对比，同时也是一个调试台，可以自定义模型，系统提示词
- 操练场支持多种输出类型即时渲染，效果看得见
- 基于操练场快照的分享功能
- 支持提示词广场功能
- 支持提示词版本管理
- 支持sqlite和mysql数据库
- 支持自定义提示词规则数据库保存
- 支持用户密码/linux.do认证
- 支持内置提供商，将
builtin-providers.example.json复制为builtin-providers.json并修改您需要的配置即可。 - docker一键部署
使用Linux.do登录 或 使用账号：demo/demo
新增提示词广场功能，适配移动端，可以点赞、复制、一键演练、评论，查看访问者，查看作者的其他提示词，可以查看基于这个提示词演练的快照
大家应该看过不少提示词管理项目了，清一色都是分享的提示词卡片，提示词都是文本，什么效果谁能一眼看出来？所以我的思路就是直观为王，我们直接分享最终效果，分享链接携带完整的系统提示词、对话上下文、模型、渲染效果等数据，用户还可以在聊天框继续对话，实时测试效果
创建分享
访问分享
管理分享
生成提示词
系统提示词优化和对比
用户提示词优化和对比
提示词版本管理
目前支持以下类型输出渲染(小细节，svg支持可视化编辑，html支持调试控制台)
-
HTML（Tailwind、GSAP、Three.js、Echarts）
-
Canvas
-
Three.js
-
ECharts
-
MindMap
-
Mermaid
-
SVG
-
Markdown
-
支持渲染markdown中的LaTeX
- JSON
操练场只是内置了相关渲染功能，实际怎么用还是要看你自己的提示词，简单给些参考：
- Vector Graphic (SVG 矢量图)
[System: Create a high-quality, scalable SVG vector graphic.]
- Article / Doc (Markdown 文档)
[System: Write a comprehensive article/document about the topic. Format it as a Markdown artifact.]
- Web App UI (通用网页应用)
[System: Create a functional web application. You have access to HTML, Tailwind, Canvas, Three.js, GSAP, and ECharts.]
- Canvas / Game (游戏与画布)
[System: Create a creative HTML5 Canvas implementation (using 2D context). Keep it self-contained in a single HTML file with internal scripts.]
- Motion / GSAP (动画特效)
[System: Create a creative animation using GSAP (GreenSock) and Tailwind CSS. Use ScrollTrigger if applicable.]
- 3D Scene (Three.js 3D场景)
[System: Create an interactive 3D scene using Three.js. Use procedural geometry.]
- Data Chart (ECharts 图表)
[System: Create an ECharts data visualization based on the request. Output strictly ECharts JSON option.]
- Mind Map (思维导图)
[System: Create a detailed Mind Map using the required JSON format.]
- Flow / Diagram (通用图表 - 智能选择)
[System: Create a professional diagram (prefer Mermaid for simple flows, Draw.io XML for complex architecture).]
- Mermaid (图表支持)
- 流程图 (Flowchart)
[System: Create a Flowchart using Mermaid syntax to illustrate processes and decisions.]
- 类图 (Class Diagram)
[System: Create a Class Diagram using Mermaid syntax showing classes, attributes, and relationships.]
- 实体关系图 (Entity Relationship Diagram)
[System: Create an ER Diagram using Mermaid syntax for database entities and relations.]
- 用户旅程图 (User Journey)
[System: Create a User Journey Diagram using Mermaid syntax mapping user interactions.]
- 需求图 (Requirement Diagram)
[System: Create a Requirement Diagram using Mermaid syntax linking requirements to elements.]
- Git图 (Git Graph)
[System: Create a Git Graph using Mermaid syntax visualizing branch commits.]
- C4模型图 (C4 Diagram)
[System: Create a C4 Context/Container/Component/Code Diagram using Mermaid syntax for software architecture.]
- 思维导图 (Mind Map)
[System: Create a Mind Map using Mermaid syntax for hierarchical ideas.]
- 时间线图 (Timeline)
[System: Create a Timeline Diagram using Mermaid syntax for historical events.]
- ZenUML图 (ZenUML)
[System: Create a ZenUML Sequence Diagram using Mermaid syntax for simplified interactions.]
- 桑基图 (Sankey)
[System: Create a Sankey Diagram using Mermaid syntax for flow magnitudes.]
- XY图 (XY Chart)
[System: Create an XY Chart using Mermaid syntax for scatter plots and lines.]
- 包图 (Packet Diagram)
[System: Create a Packet Diagram using Mermaid syntax for network packets.]
- 饼图 (Pie Chart)
[System: Create a Pie Chart using Mermaid syntax for proportional data.]
- 块图 (Block Beta)
[System: Create a Block Diagram using Mermaid syntax for modular blocks.]
- Draw.io (高级图表支持)
- 流程图 (Flowchart)
[System: Create a Flowchart using Draw.io XML. Include shapes for start, process, decision, and end.]
- 泳道图 (Swimlane Diagram)
[System: Create a Swimlane Diagram using Draw.io XML. Include pools, lanes, and sequential activities.]
- UML 时序图 (UML Sequence Diagram)
[System: Create a UML Sequence Diagram using Draw.io XML. Include lifelines, messages, and alt fragments.]
- UML 活动图 (UML Activity Diagram)
[System: Create a UML Activity Diagram using Draw.io XML. Include actions, guards, and merge nodes.]
- UML 用例图 (UML Use Case Diagram)
[System: Create a UML Use Case Diagram using Draw.io XML. Include actors, ovals for cases, and associations.]
- UML 组件图 (UML Component Diagram)
[System: Create a UML Component Diagram using Draw.io XML. Include components, ports, and assemblies.]
- UML 部署图 (UML Deployment Diagram)
[System: Create a UML Deployment Diagram using Draw.io XML. Include nodes, artifacts, and communication paths.]
- Azure 架构图 (Azure Architecture)
[System: Create a complex Azure Cloud Architecture diagram using Draw.io XML. Include VMs, storage, and VNets.]
- GCP 架构图 (GCP Architecture)
[System: Create a GCP Cloud Architecture diagram using Draw.io XML. Include compute engine, buckets, and VPCs.]
- Cisco 网络图 (Cisco Network)
[System: Create a Cisco Network Diagram using Draw.io XML. Include routers, firewalls, and VLANs.]
- 线框图 (Wireframe)
[System: Create a UI Wireframe using Draw.io XML. Include placeholders, buttons, and navigation.]
- 平面图 (Floor Plan)
[System: Create a Floor Plan diagram using Draw.io XML. Include rooms, doors, and furniture icons.]
- 电路图 (Circuit Diagram)
[System: Create an Electrical Circuit Diagram using Draw.io XML. Include resistors, capacitors, and wires.]
- 鱼骨图 (Fishbone Diagram)
[System: Create a Fishbone Diagram for root cause analysis using Draw.io XML.]
- 攻击树 (Attack Tree)
[System: Create an Attack Tree diagram using Draw.io XML. Include goals, sub-attacks, and AND/OR gates.]
