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.