Development
Plugin
webcode
WebCode is a browser-based AI coding platform that lets you remotely run CLI assistants like Claude Code and Codex. Code anywhere with just a web browser. We’re also adding an office-assistant mode for planning, research/summaries, meeting notes, and drafting docs/emails—connected to your project context.
Plugin Signal67/100Solid
maintained74
capable77
documented50
adopted52
Install
$ npx -y skills add shuyu-labs/WebCode --agent claude-code
Run the curl in your terminal, the rest in Claude Code.
In this plugin
- algorithmic-art
- brand-guidelines
- canvas-design
- doc-coauthoring
- docx
- frontend-design
- internal-comms
- mcp-builder
- office-to-md
- planning-with-files
- pptx
- skill-creator
- slack-gif-creator
- theme-factory
- web-artifacts-builder
- webapp-testing
- xlsx
- distributed-task-orchestrator
- ms-agent-framework-rag
- webcode-local-windows-tts-installer
What's inside
Skills
39/algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing/brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply./canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright/doc-coauthoringGuide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through/docxComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content,/frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or
Show all 39 skillsShow fewer
/internal-commsA set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company/mcp-builderGuide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK)./office-to-mdConvert Office documents (Word, Excel, PowerPoint, PDF) to Markdown format. ONLY use this skill when the user explicitly requests to CONVERT, TRANSFORM or PARSE a specific office file into Markdown. Do NOT trigger for general questions, documentation reading, or discussions/pdfComprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale./planning-with-filesTransforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants/pptxPresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks/skill-creatorGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations./slack-gif-creatorKnowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack./theme-factoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly./web-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX/webapp-testingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs./xlsxComprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2)/algorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing/brand-guidelinesApplies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply./canvas-designCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright/distributed-task-orchestratorDecompose complex tasks into parallel sub-agents. Use for multi-step operations, batch processing, or when user mentions "parallel", "agents", or "orchestrate"./doc-coauthoringGuide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through/docxComprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content,/frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or/internal-commsA set of resources to help me write all kinds of internal communications, using the formats that my company likes to use. Claude should use this skill whenever asked to write some sort of internal communications (status reports, leadership updates, 3P updates, company/mcp-builderGuide for creating high-quality MCP (Model Context Protocol) servers that enable LLMs to interact with external services through well-designed tools. Use when building MCP servers to integrate external APIs or services, whether in Python (FastMCP) or Node/TypeScript (MCP SDK)./ms-agent-framework-ragComprehensive guide for building Agentic RAG systems using Microsoft Agent Framework in C#. Use when creating RAG applications with semantic search, document indexing, and intelligent agent orchestration. Includes scaffolding scripts, reference implementations, and documentation/office-to-mdConvert Office documents (Word, Excel, PowerPoint, PDF) to Markdown format. ONLY use this skill when the user explicitly requests to CONVERT, TRANSFORM or PARSE a specific office file into Markdown. Do NOT trigger for general questions, documentation reading, or discussions/pdfComprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale./planning-with-filesTransforms workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage. Use when starting complex tasks, multi-step projects, research tasks, or when the user mentions planning, organizing work, tracking progress, or wants/pptxPresentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for: (1) Creating new presentations, (2) Modifying or editing content, (3) Working with layouts, (4) Adding comments or speaker notes, or any other presentation tasks/skill-creatorGuide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations./slack-gif-creatorKnowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack./theme-factoryToolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly./web-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX/webapp-testingToolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs./webcode-local-windows-tts-installerUse when building a local Windows WebCode installer from this repo for machine testing, especially when the package must bundle the Kokoro or sherpa-onnx Reply TTS service, model files, ffmpeg, a private Python runtime, and non-system-drive deployment without publishing a GitHub/xlsxComprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2)
README
1WebCode
Feishu Reply Documents
WebCode has removed reply TTS for Feishu responses.
Feishu reply delivery now works through cloud documents:
- Full reply documents keep the complete AI final reply content.
- Conclusion reply documents keep only the conclusion-focused final content.
- The generated cloud document link gives the chat a durable record of the AI reply.
- Users can listen to the AI reply result with Feishu document audio instead of WebCode-managed TTS playback.
- On mobile Feishu, open the document and use the
...menu to start document audio. - Referenced local Markdown files mentioned in a completed reply can also be imported as Feishu online documents in the same session document folder.
- When the same local Markdown file changes later, WebCode updates the existing Feishu online document in place so the shared document URL stays stable.
- Windows installer publishing reads the release version from
Directory.Build.props; bump the patch version before publishing a new installer so thevX.Y.Ztag matches the current commit.
功能目录
- 项目简介
- 当前重点能力
- 多 AI CLI 接入
- Web、移动端、飞书统一会话流
- 多用户与权限控制
- 外部会话导入与恢复
- Codex
/goal快速目标能力 - Superpowers 工作流
- Windows 安装包发布
cc-switch托管模型- 快速开始
- 配置说明
- Windows 发布维护
- 项目结构
- 技术栈
- 常用文档
项目简介
WebCode 是一个基于 Blazor Server + .NET 10 的 AI CLI 工作平台。它不是单机聊天壳，而是把本地或服务器上的 AI CLI 包装成一个可管理、可部署、可协作、可远程访问的工作系统。
当前仓库已经覆盖这些核心场景：
- 在 Web 端创建、切换、关闭和恢复 AI 会话
- 为每个会话绑定独立工作区和项目目录
- 导入当前系统账户下已有的
Claude Code、Codex、OpenCode本地会话 - 从原始 CLI transcript 恢复历史消息，而不只依赖 WebCode 自己的消息存档
- 在桌面端、移动端和飞书卡片里使用同一批会话
- 为团队用户配置可用工具、目录白名单、飞书机器人和权限
- 把
cc-switch作为受管 CLI 的唯一 Provider 权威源
如果你需要的是“可部署的 AI CLI 控制台”，而不是单机本地包装器，这个仓库就是为这个目标设计的。
当前重点能力
多 AI CLI 接入
当前已适配或直接支持：
| 工具 | 说明 | 状态 |
|---|---|---|
Claude Code | 会话管理、流式输出、Transcript 恢复 | 可用 |
Codex CLI | JSONL 输出、沙箱/审批模式、会话执行 | 可用 |
OpenCode | 多模型工作流、会话导入与执行 | 可用 |
| 自定义 CLI | 可继续按适配器模式扩展 | 可扩展 |
相关实现主要位于 WebCodeCli.Domain/Domain/Service/Adapters。
Web、移动端、飞书统一会话流
- 每个会话可绑定独立工作区
- 支持默认目录、已有目录、项目目录和自定义目录
- 支持文件浏览、预览、上传、复制路径等工作区操作
- 支持历史会话切换、关闭、隔离和清理
- 支持导入本地 CLI 会话并继续在 WebCode 中使用
- 支持在移动端抽屉和飞书会话卡片里直接管理会话
- 支持在桌面 Web、移动端和飞书中提交“文本 + 附件”消息；附件会按工具能力走原生附加或工作区引用降级
- 支持飞书顶层
image/file消息先生成“待提交附件”卡片，补充说明后再发送给 CLI - 支持飞书富文本
post消息中的“粘贴图片 + 文本”直接把图片和文本一起提交给 CLI
功能入口矩阵
下表用于快速说明三类主要入口当前各自覆盖的能力范围：
| 能力 | 桌面 Web | 移动端 | 飞书 |
|---|---|---|---|
| 创建、切换、关闭会话 | 支持 | 支持 | 支持 |
| 导入本地 CLI 会话 | 支持 | 支持 | 支持 |
| 会话级 Provider 同步 | 支持 | 支持 | 支持 |
| 工作区浏览与文件操作 | 支持最完整 | 支持常用操作 | 以会话/卡片操作为主 |
| 流式输出查看 | 支持最完整 | 支持 | 支持卡片流式回显 |
/goal 快捷目标 | 支持 | 支持 | 支持 |
Superpowers 快捷工作流 | 支持 | 支持 | 支持 |
| 多用户管理与系统配置 | 支持最完整 | 适合轻量查看/操作 | 不作为主要入口 |
| 安装与部署维护 | 主要依赖文档和本地脚本 | 不作为主要入口 | 不作为主要入口 |
补充说明：
- 桌面 Web 是能力最完整的主控制台，适合管理、调试、配置和重度会话操作
- 移动端保留高频会话操作，重点是随时查看、切换、继续和触发快捷动作
- 飞书更偏消息驱动和卡片驱动，适合在聊天上下文里直接继续会话、执行快捷动作和接收流式结果
飞书能力清单
飞书当前不是“只做消息通知”，而是已经覆盖一条可直接工作的会话与卡片交互链路：
- 支持把飞书会话绑定到 WebCode 用户和本地/服务器侧 CLI 会话
- 支持在飞书卡片中创建、切换、关闭、继续会话
- 支持在飞书端浏览并导入外部 CLI 会话
- 支持在飞书卡片中触发
/goal、Superpowers等快捷动作 - 支持流式卡片更新，在执行过程中持续回显输出内容
- 支持图片、文件消息的“待提交附件”卡片流程，先暂存到工作区，再补充说明后提交给 CLI
- 支持文本框粘贴图片形成的富文本
post消息，直接把内嵌图片和文字一并提交给 CLI - 支持会话级 Provider 同步，确保飞书侧也遵循
cc-switch当前激活状态 - 支持飞书完整回复文档与结论回复文档能力，可在回复完成后自动生成云文档并回发链接
- 支持帮助卡片、快捷入口卡片、会话管理卡片等多种交互载体
适合的飞书使用场景包括：
- 在群聊或私聊里直接继续一个已有 AI CLI 会话
- 在移动办公场景下用卡片完成高频操作，而不打开完整 Web 控制台
- 用机器人卡片承接流式输出、快捷动作、目标设定和会话切换
多用户与权限控制
- 用户启用/禁用
- 用户可用 CLI 工具限制
- 用户白名单目录策略
- 用户级飞书机器人配置
- 默认共享配置 + 用户覆盖配置
外部会话导入与恢复
外部 CLI 会话导入当前具备这些约束：
- 只扫描当前操作系统账户下可访问的本地会话
- 只显示工作区落在允许目录或白名单中的会话
- 同一个
(ToolId, CliThreadId)只能被一个 WebCode 用户占用 - Web 端与飞书端都支持分页浏览、导入并切换到这些会话
Codex /goal 快速目标能力
当前版本已经补齐 Codex /goal 相关能力，覆盖 Web 端、移动端和飞书卡片场景：
- WebCode 会先探测当前 Codex CLI 版本与
goalsfeature 是否可用 - 当探测结果可用时，会在会话级
.codex/config.toml中自动注入goals = true - 用户可以通过快速输入或快捷动作把普通文本自动补成
/goal ... /goal能力按会话生效，不要求手工长期维护全局config.toml
说明：
- 当前要求 Codex CLI 版本不低于
0.128.0 - WebCode 在 Windows 下会自动解析
codex.exe、codex.cmd、codex.bat、codex.ps1等入口，避免因包装脚本导致版本探测失败 - 如果 Codex 本身未提供
goalsfeature，WebCode 不会强行注入该配置
Superpowers 工作流
当前仓库已经接入 Superpowers 工作流增强能力，用来把普通 CLI 会话提升为“带策略和快捷动作的执行流”：
- 支持在 Web 端、移动端和飞书卡片中触发工作流型快捷动作
- 支持把用户输入快速包装成结构化工作流提示，而不只是原样转发给 CLI
- 支持能力探测，按当前环境决定是否展示或启用对应的工作流入口
- 支持把
Superpowers与现有Claude Code、Codex、OpenCode会话流结合使用
当前文档和实现已经覆盖的典型工作流包括：
- 计划类工作流，例如
plan、ralplan - 持续执行类工作流，例如
ralph - 深度澄清类工作流，例如
deep-interview - 协作/并行类工作流，例如
team、ultrawork - 快捷动作类封装，例如面向会话的一键注入提示词和工作流命令
说明：
Superpowers不是单独的 Web 页面，而是叠加在现有会话、快捷动作、飞书卡片交互之上的工作流层- 哪些工作流可用，取决于当前工具、环境能力探测结果以及会话上下文
- 相关实现可参考：
Windows 安装包发布
仓库已经内置 Windows 安装包构建脚本，可直接生成：
- 安装版
WebCode-Setup-vX.Y.Z-win-x64.exe - 便携版
WebCode-vX.Y.Z-win-x64-portable.zip - 校验文件
SHA256SUMS.txt - Release 说明
RELEASE_NOTES.md - 发布包页面：
https://github.com/lusile2024/WebCode/releases
cc-switch 托管模型
从当前版本开始，Claude Code、Codex、OpenCode 这三类受管助手遵循同一套规则：
cc-switch是唯一 Provider 权威源。- WebCode 不再允许为这三类工具手动填写环境变量、编辑 Provider 或切换 Profile。
- Provider 的激活与切换必须在
cc-switch中完成。 - WebCode 只读取
cc-switch的当前状态和 live config。
WebCode 会读取这些来源：
~/.cc-switch/settings.json~/.cc-switch/cc-switch.dbcc-switch写出的各工具 live 配置文件
会话级 Provider 快照
WebCode 现在遵循“像终端窗口一样”的会话语义：
- 新会话在第一次运行时，会复制当前激活 Provider 的 live config 作为该会话的快照
- 已经在使用中的旧会话，不会因为你在
cc-switch里切换了 Provider 而自动跟着变 - 只有当你显式点击“同步 Provider”时，旧会话才会切换到
cc-switch当前激活的 Provider
这个同步入口当前已经补齐到：
- 桌面 Web 会话列表
- 移动端会话抽屉
- 飞书会话管理卡片
如果会话快照丢失或损坏，WebCode 会阻止继续执行，并提示你显式同步，而不是悄悄回退到机器当前 live 配置。
OpenCode 的启用方式
OpenCode 和 Claude Code、Codex 一样受 cc-switch 管理。
- 初始化时可以选择启用哪些受管助手
- 如果初始化时没勾选，后续也可以在设置里的助手管理中重新启用
- 是否真正可用，取决于
cc-switch当前是否已经为该工具准备好可启动的 Provider 和 live config
快速开始
方式一：Docker 部署
适合试用、内网部署和小团队使用。
git clone https://github.com/lusile2024/WebCode.git
cd WebCode
docker compose up -d
启动后访问：
http://localhost:5000
更多部署细节可查看：
方式二：Windows Release 包
适合直接在 Windows 机器上运行 WebCode，不需要预装 .NET SDK。
下载入口：
- GitHub Releases
- 发布包页面：
https://github.com/lusile2024/WebCode/releases
当前 Windows 发布资产包括：
WebCode-Setup-vX.Y.Z-win-x64.exeWebCode-vX.Y.Z-win-x64-portable.zipSHA256SUMS.txtRELEASE_NOTES.md
安装版与便携版都使用 win-x64 自包含运行时。默认首次启动后访问：
http://localhost:6021
程序目录下默认会准备：
data/logs/workspaces/
安装版升级时会保留已有的 appsettings.json。
方式三：本地开发运行
适合调试、二次开发和本地联调。
环境要求
.NET 10 SDKcc-switch已正确安装并已为目标受管工具完成配置- 已安装
claude、codex、opencode等目标 CLI
启动命令
git clone https://github.com/lusile2024/WebCode.git
cd WebCode
dotnet restore
dotnet run --project WebCodeCli
默认访问地址：
http://localhost:6021
如果你修改了根目录 appsettings.json 或 WebCodeCli/appsettings.json 中的 urls 配置，请以实际监听端口为准。
首次初始化建议
当前初始化流程建议按这个顺序完成：
- 创建管理员账户
- 确认是否开启登录认证
- 选择希望在 WebCode 中启用的受管助手
- 在向导里检查
cc-switch就绪状态，并确保所选助手都已经可启动 - 验证工作区根目录和存储目录
- 如需飞书集成，再配置飞书机器人参数
- 如需多用户，进入管理界面配置用户、目录白名单和工具权限
- 如需恢复已有上下文，可导入本地外部 CLI 会话
初始化向导不再承担这些职责：
- 手动录入受管工具环境变量
- 手动切换受管工具 Provider
- 手动编辑受管工具 live config
这些动作现在都必须在 cc-switch 中完成。
配置说明
受管助手配置
对 Claude Code、Codex、OpenCode 来说：
- Provider 切换只能在
cc-switch里做 - WebCode 设置页只能查看
cc-switch状态，不能手动编辑环境变量 - 助手管理页可以启用或停用助手，但不会替代
cc-switch管理 Provider - 会话级“同步 Provider”只会把当前
cc-switch激活状态复制到指定会话，不会改写cc-switch
自定义 CLI 配置
如果你要接入非 cc-switch 受管的自定义 CLI，仍然可以通过 CliTools.Tools 扩展工具定义。相关文档可参考：
Docker 数据目录
docker-compose.yml 默认会挂载这些目录：
./webcodecli-data：数据库与运行数据./webcodecli-workspaces：工作区目录./webcodecli-logs：日志
数据库
默认数据库为 SQLite：
WebCodeCli.db
本地开发默认连接字符串来自根目录 appsettings.json。
Windows 发布维护
仓库内置安装包构建脚本：
powershell -ExecutionPolicy Bypass -File .\tools\build-windows-installer.ps1
如果你要生成本地 Windows 安装包，应该优先走这条脚本，而不是单独 dotnet publish。原因是安装包脚本除了发布主程序外，还会额外处理这些内容：
- 调整发布目录里的
appsettings.json - 调整发布输出目录结构
- 生成 Inno Setup 安装包与 portable zip
脚本会读取 Directory.Build.props 中的版本号，并在 artifacts/windows-installer/vX.Y.Z/ 下生成：
publish/WebCode-vX.Y.Z-win-x64-portable.zipinstaller/WebCode-Setup-vX.Y.Z-win-x64.exeSHA256SUMS.txtRELEASE_NOTES.md
在 Windows 机器上，如果默认输出目录存在旧文件锁定，或者 Inno Setup 遇到长路径问题，可以显式指定一个较短的输出目录，例如：
powershell -ExecutionPolicy Bypass -File .\tools\build-windows-installer.ps1 -OutputRoot D:\wci
这种方式同样会生成完整的安装版、便携版以及校验与说明文件，适合本地快速出包。
构建机要求：
- Windows
.NET 10 SDKInno Setup 6
项目结构
WebCode/
├── WebCodeCli/ # Web 应用（Blazor Server）
├── WebCodeCli.Domain/ # 领域服务、仓储、CLI/飞书适配
├── WebCodeCli.Domain.Tests/ # 领域层测试
├── tests/WebCodeCli.Tests/ # Web / 集成相关测试
├── cli/ # CLI 使用说明
├── docs/ # 额外文档
├── docker-compose.yml # Docker 部署入口
└── README.md
当前实际项目名为：
WebCodeCliWebCodeCli.Domain
如果你在旧文档或历史笔记里看到 WebCode / WebCode.Domain 这样的旧路径描述，请以仓库真实目录为准。
技术栈
| 类别 | 技术 |
|---|---|
| Web 框架 | Blazor Server |
| 运行时 | .NET 10 |
| 编辑器 | Monaco Editor |
| 数据访问 | SqlSugar |
| 默认数据库 | SQLite |
| 反向代理 | YARP |
| Markdown | Markdig |
| AI CLI 集成 | Claude Code / Codex / OpenCode |
常用文档
- QUICKSTART.md
- DEPLOY_DOCKER.md
- docs/QUICKSTART_CodeAssistant.md
- docs/README_CodeAssistant.md
- docs/superpowers/plans/2026-04-30-superpowers-plan-quick-actions-implementation.md
- docs/superpowers/specs/2026-04-30-superpowers-plan-quick-actions-design.md
- docs/superpowers/plans/2026-04-24-ralph-runtime-implementation.md
- docs/superpowers/specs/2026-04-24-ralph-runtime-design.md
- docs/workspace-management-guide.md
- docs/workspace-management-deployment-guide.md
许可证
本项目采用 AGPLv3。
- 开源使用：遵循 AGPLv3
- 商业授权：请联系仓库维护者或相关商务渠道
File tree
1710shuyu-labs/WebCodeView on GitHub
.cursor/
rules/
antd.mdc
.dockerignore
.env.example
.gitattributes
.github/
instructions/
rule.instructions.md
.gitignore
.serena/
.gitignore
project.yml
.spec-workflow/
templates/
design-template.md
product-template.md
requirements-template.md
structure-template.md
tasks-template.md
tech-template.md
user-templates/
README.md
.superpowers/
runtime/
daemon.json
.tmp-appserver-schema/
ApplyPatchApprovalParams.json
ApplyPatchApprovalResponse.json
ChatgptAuthTokensRefreshParams.json
ChatgptAuthTokensRefreshResponse.json
ClientNotification.json
ClientRequest.json
codex_app_server_protocol.schemas.json
codex_app_server_protocol.v2.schemas.json
CommandExecutionRequestApprovalParams.json
CommandExecutionRequestApprovalResponse.json
DynamicToolCallParams.json
DynamicToolCallResponse.json
ExecCommandApprovalParams.json
ExecCommandApprovalResponse.json
FileChangeRequestApprovalParams.json
FileChangeRequestApprovalResponse.json
FuzzyFileSearchParams.json
FuzzyFileSearchResponse.json
FuzzyFileSearchSessionCompletedNotification.json
FuzzyFileSearchSessionStartParams.json
FuzzyFileSearchSessionStartResponse.json
FuzzyFileSearchSessionStopParams.json
FuzzyFileSearchSessionStopResponse.json
FuzzyFileSearchSessionUpdatedNotification.json
FuzzyFileSearchSessionUpdateParams.json
FuzzyFileSearchSessionUpdateResponse.json
JSONRPCError.json
JSONRPCErrorError.json
JSONRPCMessage.json
JSONRPCNotification.json
JSONRPCRequest.json
JSONRPCResponse.json
McpServerElicitationRequestParams.json
McpServerElicitationRequestResponse.json
PermissionsRequestApprovalParams.json
PermissionsRequestApprovalResponse.json
RequestId.json
ServerNotification.json
ServerRequest.json
ToolRequestUserInputParams.json
ToolRequestUserInputResponse.json
v1/
InitializeParams.json
InitializeResponse.json
v2/
AccountLoginCompletedNotification.json
AccountRateLimitsUpdatedNotification.json
AccountUpdatedNotification.json
AgentMessageDeltaNotification.json
AppListUpdatedNotification.json
AppsListParams.json
AppsListResponse.json
CancelLoginAccountParams.json
CancelLoginAccountResponse.json
CollaborationModeListParams.json
CollaborationModeListResponse.json
CommandExecOutputDeltaNotification.json
CommandExecParams.json
CommandExecResizeParams.json
CommandExecResizeResponse.json
CommandExecResponse.json
CommandExecTerminateParams.json
CommandExecTerminateResponse.json
CommandExecutionOutputDeltaNotification.json
CommandExecWriteParams.json
CommandExecWriteResponse.json
ConfigBatchWriteParams.json
ConfigReadParams.json
ConfigReadResponse.json
ConfigRequirementsReadResponse.json
ConfigValueWriteParams.json
ConfigWarningNotification.json
ConfigWriteResponse.json
ContextCompactedNotification.json
DeprecationNoticeNotification.json
ErrorNotification.json
ExperimentalFeatureEnablementSetParams.json
ExperimentalFeatureEnablementSetResponse.json
ExperimentalFeatureListParams.json
ExperimentalFeatureListResponse.json
ExternalAgentConfigDetectParams.json
ExternalAgentConfigDetectResponse.json
ExternalAgentConfigImportCompletedNotification.json
ExternalAgentConfigImportParams.json
ExternalAgentConfigImportResponse.json
FeedbackUploadParams.json
FeedbackUploadResponse.json
FileChangeOutputDeltaNotification.json
FileChangePatchUpdatedNotification.json
FsChangedNotification.json
FsCopyParams.json
FsCopyResponse.json
FsCreateDirectoryParams.json
FsCreateDirectoryResponse.json
FsGetMetadataParams.json
FsGetMetadataResponse.json
FsReadDirectoryParams.json
FsReadDirectoryResponse.json
FsReadFileParams.json
FsReadFileResponse.json
FsRemoveParams.json
FsRemoveResponse.json
FsUnwatchParams.json
FsUnwatchResponse.json
FsWatchParams.json
FsWatchResponse.json
FsWriteFileParams.json
FsWriteFileResponse.json
GetAccountParams.json
GetAccountRateLimitsResponse.json
GetAccountResponse.json
GuardianWarningNotification.json
HookCompletedNotification.json
HooksListParams.json
HooksListResponse.json
HookStartedNotification.json
ItemCompletedNotification.json
ItemGuardianApprovalReviewCompletedNotification.json
ItemGuardianApprovalReviewStartedNotification.json
ItemStartedNotification.json
ListMcpServerStatusParams.json
ListMcpServerStatusResponse.json
LoginAccountParams.json
LoginAccountResponse.json
LogoutAccountResponse.json
MarketplaceAddParams.json
MarketplaceAddResponse.json
MarketplaceRemoveParams.json
MarketplaceRemoveResponse.json
MarketplaceUpgradeParams.json
MarketplaceUpgradeResponse.json
McpResourceReadParams.json
McpResourceReadResponse.json
McpServerOauthLoginCompletedNotification.json
McpServerOauthLoginParams.json
McpServerOauthLoginResponse.json
McpServerRefreshResponse.json
McpServerStatusUpdatedNotification.json
McpServerToolCallParams.json
McpServerToolCallResponse.json
McpToolCallProgressNotification.json
MemoryResetResponse.json
MockExperimentalMethodParams.json
MockExperimentalMethodResponse.json
ModelListParams.json
ModelListResponse.json
ModelProviderCapabilitiesReadParams.json
ModelProviderCapabilitiesReadResponse.json
ModelReroutedNotification.json
ModelVerificationNotification.json
PlanDeltaNotification.json
PluginInstallParams.json
PluginInstallResponse.json
PluginListParams.json
PluginListResponse.json
PluginReadParams.json
PluginReadResponse.json
PluginShareDeleteParams.json
PluginShareDeleteResponse.json
PluginShareListParams.json
PluginShareListResponse.json
PluginShareSaveParams.json
PluginShareSaveResponse.json
PluginShareUpdateTargetsParams.json
PluginShareUpdateTargetsResponse.json
PluginSkillReadParams.json
PluginSkillReadResponse.json
PluginUninstallParams.json
PluginUninstallResponse.json
ProcessExitedNotification.json
ProcessKillParams.json
ProcessKillResponse.json
ProcessOutputDeltaNotification.json
ProcessResizePtyParams.json
ProcessResizePtyResponse.json
ProcessSpawnParams.json
ProcessSpawnResponse.json
ProcessWriteStdinParams.json
ProcessWriteStdinResponse.json
RawResponseItemCompletedNotification.json
ReasoningSummaryPartAddedNotification.json
ReasoningSummaryTextDeltaNotification.json
ReasoningTextDeltaNotification.json
RemoteControlStatusChangedNotification.json
ReviewStartParams.json
ReviewStartResponse.json
SendAddCreditsNudgeEmailParams.json
SendAddCreditsNudgeEmailResponse.json
ServerRequestResolvedNotification.json
SkillsChangedNotification.json
SkillsConfigWriteParams.json
SkillsConfigWriteResponse.json
SkillsListParams.json
SkillsListResponse.json
TerminalInteractionNotification.json
ThreadApproveGuardianDeniedActionParams.json
ThreadApproveGuardianDeniedActionResponse.json
ThreadArchivedNotification.json
ThreadArchiveParams.json
ThreadArchiveResponse.json
ThreadBackgroundTerminalsCleanParams.json
ThreadBackgroundTerminalsCleanResponse.json
ThreadClosedNotification.json
ThreadCompactStartParams.json
ThreadCompactStartResponse.json
ThreadDecrementElicitationParams.json
ThreadDecrementElicitationResponse.json
ThreadForkParams.json
ThreadForkResponse.json
ThreadGoalClearedNotification.json
ThreadGoalClearParams.json
ThreadGoalClearResponse.json
ThreadGoalGetParams.json
ThreadGoalGetResponse.json
ThreadGoalSetParams.json
ThreadGoalSetResponse.json
ThreadGoalUpdatedNotification.json
ThreadIncrementElicitationParams.json
ThreadIncrementElicitationResponse.json
ThreadInjectItemsParams.json
ThreadInjectItemsResponse.json
ThreadListParams.json
ThreadListResponse.json
ThreadLoadedListParams.json
ThreadLoadedListResponse.json
ThreadMemoryModeSetParams.json
ThreadMemoryModeSetResponse.json
ThreadMetadataUpdateParams.json
ThreadMetadataUpdateResponse.json
ThreadNameUpdatedNotification.json
ThreadReadParams.json
ThreadReadResponse.json
ThreadRealtimeAppendAudioParams.json
ThreadRealtimeAppendAudioResponse.json
ThreadRealtimeAppendTextParams.json
ThreadRealtimeAppendTextResponse.json
ThreadRealtimeClosedNotification.json
ThreadRealtimeErrorNotification.json
ThreadRealtimeItemAddedNotification.json
ThreadRealtimeListVoicesParams.json
ThreadRealtimeListVoicesResponse.json
ThreadRealtimeOutputAudioDeltaNotification.json
ThreadRealtimeSdpNotification.json
ThreadRealtimeStartedNotification.json
ThreadRealtimeStartParams.json
ThreadRealtimeStartResponse.json
ThreadRealtimeStopParams.json
ThreadRealtimeStopResponse.json
ThreadRealtimeTranscriptDeltaNotification.json
ThreadRealtimeTranscriptDoneNotification.json
ThreadResumeParams.json
ThreadResumeResponse.json
ThreadRollbackParams.json
ThreadRollbackResponse.json
ThreadSetNameParams.json
ThreadSetNameResponse.json
ThreadShellCommandParams.json
ThreadShellCommandResponse.json
ThreadStartedNotification.json
ThreadStartParams.json
ThreadStartResponse.json
ThreadStatusChangedNotification.json
ThreadTokenUsageUpdatedNotification.json
ThreadTurnsItemsListParams.json
ThreadTurnsItemsListResponse.json
ThreadTurnsListParams.json
ThreadTurnsListResponse.json
ThreadUnarchivedNotification.json
ThreadUnarchiveParams.json
ThreadUnarchiveResponse.json
ThreadUnsubscribeParams.json
ThreadUnsubscribeResponse.json
TurnCompletedNotification.json
TurnDiffUpdatedNotification.json
TurnInterruptParams.json
TurnInterruptResponse.json
TurnPlanUpdatedNotification.json
TurnStartedNotification.json
TurnStartParams.json
TurnStartResponse.json
TurnSteerParams.json
TurnSteerResponse.json
WarningNotification.json
WindowsSandboxReadinessResponse.json
WindowsSandboxSetupCompletedNotification.json
WindowsSandboxSetupStartParams.json
WindowsSandboxSetupStartResponse.json
WindowsWorldWritableWarningNotification.json
.vscode/
launch.json
tasks.json
AGENTS.md
appsettings.json
claude-direct-node.txt
claude-repro-fnm.txt
claude-repro.txt
claude-with-cc.txt
claude-without-cc.txt
CLAUDE.md
cli/
claude-help.md
codex-help.md
copilot-help.md
gemini-help.md
opencode-help.md
qwen-help.md
README.md
custom-path-final.png
custom-path-input.png
custom-path.png
DEPLOY_DOCKER.md
deploy.bat
deploy.sh
Directory.Build.props
docker/
DOCKER_DEPLOY.md
docker-compose.yml
codex-config.toml
docker-entrypoint.sh
Dockerfile
docs/
0.2.6-升级到-0.2.9-说明.md
agent-notes/
2026-05-15.md
2026-05-16.md
2026-05-17.md
2026-05-18.md
2026-05-19.md
2026-05-20.md
2026-05-21.md
2026-05-22.md
2026-05-23.md
2026-05-24.md
2026-05-26.md
2026-05-27.md
2026-05-28.md
2026-05-29.md
2026-05-30.md
2026-06-01.md
2026-06-02.md
2026-06-03.md
2026-06-04.md
2026-06-05.md
2026-06-08.md
2026-06-09.md
2026-06-10.md
2026-06-11.md
2026-06-12.md
2026-06-13.md
CLI工具配置说明.md
Codex_Session_Resume功能说明.md
Codex_Session_测试用例.md
Codex故障排除指南.md
Codex超时问题解决方案.md
Codex配置说明.md
Docker-CLI-集成部署指南.md
feishu/
cards/
交互类组件-勾选器.md
交互类组件-按钮.md
交互类组件-日期选择器.md
交互类组件-输入框.md
卡片JSON-v2变更说明.md
卡片JSON-v2组件概述.md
卡片JSON-v2结构.md
发送卡片.md
处理卡片回调.md
容器组件-交互容器.md
容器组件-分栏.md
容器组件-折叠面板.md
容器组件-表单容器.md
展示类组件-人员.md
展示类组件-人员列表.md
... 1532 moreFAQ
webcode is a Claude Code plugin with 39 hand-picked skills for development work, indexed on Flowy. Install it with the command on its page. It includes algorithmic-art, brand-guidelines, canvas-design. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is webcode?
- WebCode is a browser-based AI coding platform that lets you remotely run CLI assistants like Claude Code and Codex. Code anywhere with just a web browser. We’re also adding an office-assistant mode for planning, research/summaries, meeting notes, and drafting docs/emails—connected to your project context.
- How do I install webcode?
- Run these in Claude Code: npx -y skills add shuyu-labs/WebCode --agent claude-code. Then prompt normally.
- Does webcode auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is webcode free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.