Agent skill

App Builder

by qualcomm in qualcomm/qai-appbuilder

App Builder — generate complete, runnable fullstack WebUI applications (FastAPI backend + pure HTML/CSS/JS frontend) around on-device AI Model Packs (OCR, TTS, ASR, Super-Resolution, etc.).

Custom licenceAuto-check passedBackend & APIs

Install App Builder

skills CLI
$ npx skills add qualcomm/qai-appbuilder --skill app-builder -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install qualcomm/qai-appbuilder app-builder --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/qualcomm/qai-appbuilder.git skills-src && mkdir -p .claude/skills && cp -r skills-src/tools/qaiappbuilder/factory/chat_features/app-builder .claude/skills/app-builder && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
app-builder
GitHub stars
246
Token cost
~2.6k tokens
SKILL.md length
1,123 words
Files
17 (incl. references)
Skills in repo
13
Repo updated
First seen
Licence
Custom licence

At a glance

App Builder — generate complete, runnable fullstack WebUI applications (FastAPI backend + pure HTML/CSS/JS frontend) around on-device AI Model Packs (OCR, TTS, ASR, Super-Resolution, etc.).

  • Works in 4 steps: Understand model I/O. Use read to view… → Determine app_id. Lowercase… → Generate the FULL project under the… → …
  • The user wants to build
  • SKILL.md covers The feature you are assisting…, Your PRIMARY task: generate a…, Secondary capability: run,… and What you do not do, plus 2 more sections
  • Runs Python and JavaScript scripts from its folder

What it does

App Builder is an agent skill from qualcomm/qai-appbuilder. App Builder — generate complete, runnable fullstack WebUI applications (FastAPI backend + pure HTML/CSS/JS frontend) around on-device AI Model Packs (OCR, TTS, ASR, Super-Resolution, etc.). Use this skill when the user wants to build, generate, modify, or debug a standalone WebUI app around any installed Model Pack.

Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 23 other files, including reference files (for example `_webui/backend/ensure_deps_base.py`, `_webui/backend/main_base.py` and `_webui/frontend/model_poll.js`).

It sits in Backend & APIs, covering Backend development, Speech recognition and synthesis and Text to speech and voice. It works with FastAPI. The repository describes itself as: QAI AppBuilder is designed to help developers easily execute models on WoS and Linux platforms. It encapsulates the Qualcomm® AI Runtime SDK APIs into a set of simplified…

When your agent uses it

  • The user wants to build
  • Debug a standalone WebUI app around any installed Model Pack

Example prompts

  • “/app-builder”

Requirements

  • Python 3
  • Node.js

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  1. Understand model I/O. Use read to view the selected model's runner.py
  2. Determine app_id. Lowercase letters/digits/dash/underscore only, must
  3. Generate the FULL project under the ABSOLUTE path
  4. Hand off to the host. Tell the user the app is at

What it can do on your machine

Read from SKILL.md and the folder at commit c62ccca. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships script files (Python and JavaScript, from the files we listed), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

App Builder loads about 2.6k tokens when it runs, and up to ~3.7k if it reads all its reference files. Until then it costs about 82 tokens; SKILL.md has 1,123 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~82
When it runs · the whole SKILL.md, loaded when a task matches
~2.6k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~3.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,123 words (~2,551 tokens).

“App Builder lets the user pick one or more preinstalled Model Packs (OCR / TTS / ASR / super-resolution / ...) that run on-device on the local NPU/CPU, and — WITH YOUR HELP — turn them into a complete standalone…”

— opening of SKILL.md by qualcomm, Custom licence
name
app-builder
enabled
true

Read the full SKILL.md on GitHub

Files

SKILL.md and 16 other files (references) in tools/qaiappbuilder/factory/chat_features/app-builder of qualcomm/qai-appbuilder.

  • SKILL.md
  • _webui/backend/ensure_deps_base.py
  • _webui/backend/main_base.py
  • _webui/frontend/base.css
  • _webui/frontend/model_poll.js
  • app-authoring.md
  • models/_shared/authoring-conventions.md
  • references/secondary-capabilities.md
  • shared/audio_formats.py
  • shared/audio_io.py
  • shared/image_io.py
  • shared/io_validator.py
  • shared/qnn_helper.py
  • shared/runner_protocol.py
  • … and 3 more

Open the folder on GitHubat commit c62ccca

Compare with similar skills

App Builder next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

App Builder compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
App Builder this skillqualcomm/qai-appbuilder246—~2.6kAutomated safety check: PassCustom licence
Fishjam Python Server SDKsoftware-mansion-labs/skills291—~1.3kAutomated safety check: PassApache-2.0
Elevenlabs Agentsjezweb/claude-skills1.1k1 repos~3.3kAutomated safety check: PassMIT
Azure Realtime Podcast Generationmicrosoft/skills3.1k1 repos~947Automated safety check: PassMIT
Video Translatorshang-zhu/violin1.1k—~1kAutomated safety check: NotesMIT
Lilly Community Researchssaaffaakk/Lilly171—~1.4kAutomated safety check: PassMIT

Similar skills

  • Fishjam Python Server SDK

    software-mansion-labs/skills

    Python server SDK for Fishjam — backends that create rooms, mint peer tokens, receive server notifications, and run voice agents.

    291 GitHub stars~1.3k tokensUpdated 9 days ago
    Backend & APIsAuto-check passed
  • Elevenlabs Agents

    jezweb/claude-skills

    Build conversational AI voice agents on the ElevenLabs platform.

    1.1k GitHub starsUsed in 1 repo~3.3k tokens
    AI & LLM EngineeringAuto-check passed
  • Official

    Builds podcast-style audio narration from text with Azure OpenAI's GPT Realtime Mini over WebSocket, from a Python FastAPI backend to a React player.

    3.1k GitHub starsUsed in 1 repo~947 tokens
    Media & CreativeAuto-check passed
  • Video Translator

    shang-zhu/violin

    Dub a video into another language and generate subtitles using the default Together + Cartesia stack.

    1.1k GitHub stars~1k tokensUpdated 1 mo ago
    Media & CreativeAuto-check: notes
  • Lilly Community Research

    ssaaffaakk/Lilly

    Lilly community-research skill. An agent skill from ssaaffaakk/Lilly.

    171 GitHub stars~1.4k tokensUpdated yesterday
    AI & LLM EngineeringAuto-check passed
  • Fba

    Zhongye1/KnowAgenticRAG

    FastAPI Best Architecture (fba) project development guide. An agent skill from Zhongye1/KnowAgenticRAG.

    143 GitHub stars~758 tokensUpdated 7 days ago
    Backend & APIsAuto-check passed

More from qualcomm/qai-appbuilder

All 13 skills in this repo
  • Model Hub

    qualcomm/qai-appbuilder

    Model Hub — download pre-exported models from Qualcomm AI Hub, run inference on-device, and export them to App Builder as ready-to-import Packs.

    246 GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Aipc Toolkit

    qualcomm/qai-appbuilder

    AIPC, AI Porting Conversion. An agent skill from qualcomm/qai-appbuilder.

    246 GitHub stars~5.7k tokensUpdated today
    Auto-check: notes
  • Model Builder

    qualcomm/qai-appbuilder

    QAI ModelBuilder. An agent skill from qualcomm/qai-appbuilder.

    246 GitHub stars~4.1k tokensUpdated today
    Auto-check passed
  • Ppt Gen

    qualcomm/qai-appbuilder

    Generate fully editable, high-quality PPTX with python-pptx based on the user's topic, materials, or business goals; defaults to a general-purpose "dark gilded elegant" visual system, with adaptive…

    246 GitHub stars~2k tokensUpdated today
    Auto-check passed
  • Read Arxiv Paper

    qualcomm/qai-appbuilder

    Fetch and summarize academic papers from arxiv.org. An agent skill from qualcomm/qai-appbuilder.

    246 GitHub stars~308 tokensUpdated today
    Auto-check passed
  • Browser Automation

    qualcomm/qai-appbuilder

    A skill your agent uses when working with the browser tool — navigating or inspecting a page, clicking through a flow, filling and submitting a form, acting inside a logged-in session, or…

    246 GitHub stars~1.6k tokensUpdated today
    Auto-check passed

Works with

Questions about App Builder

What does App Builder do?

App Builder — generate complete, runnable fullstack WebUI applications (FastAPI backend + pure HTML/CSS/JS frontend) around on-device AI Model Packs (OCR, TTS, ASR, Super-Resolution, etc.). App Builder is an agent skill from qualcomm/qai-appbuilder.).

When should I use App Builder?

App Builder fits situations like: the user wants to build; debug a standalone WebUI app around any installed Model Pack.

How do I install App Builder in Claude Code?

Run `npx skills add qualcomm/qai-appbuilder --skill app-builder -a claude-code`. Or copy the skill folder (tools/qaiappbuilder/factory/chat_features/app-builder in qualcomm/qai-appbuilder) into .claude/skills/app-builder in your project. Claude Code loads it when a task matches its description.

How do I install App Builder in Codex?

Run `npx skills add qualcomm/qai-appbuilder --skill app-builder -a codex`. Or copy the skill folder (tools/qaiappbuilder/factory/chat_features/app-builder in qualcomm/qai-appbuilder) into .agents/skills/app-builder in your project. Codex loads it when a task matches its description.

Can I use App Builder in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add qualcomm/qai-appbuilder --skill app-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-builder, .gemini/skills/app-builder, .github/skills/app-builder and .opencode/skills/app-builder in your project.

What does App Builder need to run?

Going by SKILL.md and its folder, App Builder needs Python and JavaScript for the scripts in its folder. Our summary lists: Python 3; Node.js.

Does App Builder access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is App Builder safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does App Builder use?

App Builder has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does App Builder use?

About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 1.2k tokens, read only when the agent opens those files.

What are the alternatives to App Builder?

Skills that share tags, products or a category with App Builder: Fishjam Python Server SDK (software-mansion-labs/skills, 291 stars), Elevenlabs Agents (jezweb/claude-skills, 1.1k stars), Azure Realtime Podcast Generation (microsoft/skills, 3.1k stars) and Video Translator (shang-zhu/violin, 1.1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains App Builder?

qualcomm (a GitHub organization) maintains it in qualcomm/qai-appbuilder, which has 246 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on October 7, 2026.

Source: qualcomm/qai-appbuilder on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.