doubao-app-builder

Generates, edits, and answers questions about web applications via the app_builder_agent tool.

2|Updated Aug 9, 2026
One-click install
npx skills add https://github.com/DeepJH/doubao-skill-and-info --skill doubao-app-builder-deepjh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: doubao-app-builder
Source: https://github.com/DeepJH/doubao-skill-and-info/tree/main/skills/doubao-app-builder
Command: npx skills add https://github.com/DeepJH/doubao-skill-and-info --skill doubao-app-builder-deepjh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? It turns natural-language requirements, PRDs, screenshots, or uploaded assets into runnable, previewable web applications, and routes follow-up questions about an existing app's content, source code, errors, or operational metrics to the sandbox that actually holds the artifact. ## Core Features & Use Cases - Web app generation: Build websites, H5 pages, admin dashboards, data boards, and interactive prototypes from natural language, documents, or uploaded assets, choosing between jspage, html, and fullstack architecture types. - Web app editing: Apply page-level or global changes—feature additions, style adjustments, bug fixes—to an existing application identified by its app ID. - Artifact Q&A: Answer questions about a generated app's page content, source code, runtime errors, and operational data (traffic, users, publish status) by routing the query to app_builder_agent, which alone can read the sandbox. - Use Case: A user asks for a sales dashboard prototype with mock data; the skill selects the jspage architecture, assembles the full prompt with any uploaded image URLs, and calls app_builder_agent to produce a previewable app. ## Quick Start Ask the assistant to create a web application from your requirement, for example: build an interactive data dashboard prototype with mock sales data.

Frequently Asked Questions about doubao-app-builder

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a web application from a natural language description?▼

Describe your requirement in plain language and the skill assembles a complete prompt and calls app_builder_agent to produce a runnable, previewable web app. It supports websites, H5 pages, admin backends, data dashboards, and interactive prototypes.

How do I choose between jspage, fullstack, and html architecture types?▼

Use jspage by default for prototypes and pages without data storage, fullstack when the requirement explicitly needs databases or persistent data, and html for 3D or game scenes. If a management-style request is ambiguous about storage, the skill asks the user before proceeding.

Can I edit an existing web application instead of creating a new one?▼

Yes, provide the app ID or an app URL of the form https://xxx/app/app_xxxxxx and describe the change. The skill supports page-level edits and global adjustments such as layout, style, or feature changes.

Why can't the assistant directly read my generated app's source code?▼

The artifact's pages, source code, and runtime state live in the app_builder_agent sandbox, not the local workspace. Questions about code, files, errors, or analytics must be routed to app_builder_agent, which reads the real content and answers.

How are uploaded images and files handled when building an app?▼

Local files are first uploaded via FileUpload or FileBatchUpload to obtain remote URLs, since app_builder_agent cannot use local paths. The remote links and descriptions are then embedded in the generation prompt so the assets are used in the app.

What happens if the app_builder_agent call fails with an execution error?▼

The call is retried with the exact same user_prompt, without deleting or modifying any content. Success is judged by app_builder_agent returning a result, and no preview URL is shown in the reply since the system displays it separately.