Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

For Vite · butterbase-ai | DecimalAI

devopsby butterbase-ai

For Vite

butterbase-ai/deploy-frontend

Source butterbase-ai/butterbase-skills ↗License MIT

Use when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

SkillScore86Maintained

Automatic

Frontend / UI pack

Last verified 8/18/2026

What it changes

Passed 17 of 20 test cases with the skill, and 4 of 20 without it.

Without skill18%

With skill86%

Checks it passed that the model alone missed

Uses manage_frontend with action set_env.
Invokes manage_app with action update_cors.
Passes deployment_id from the creation step.

and 15 more in the full report

15 fixed4 passed either way3 still failing0 broke

Pass-rate lift: +68 pp
Tokens: +158%
Agent turns: 0%
Response time: -48%

Model gemini-3.6-flashMeasured 8/18/2026v119 of 22 cases passed with skill · 20 comparable

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/butterbase-ai-deploy-frontend/SKILL.md https://app.decimal.ai/s/butterbase-ai-deploy-frontend/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add butterbase-ai-deploy-frontend, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/butterbase-ai-deploy-frontend/ and pins it in .decimal/skills.lock

decimalai skills add butterbase-ai-deploy-frontend

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/butterbase-ai-deploy-frontend/SKILL.md https://app.decimal.ai/s/butterbase-ai-deploy-frontend/SKILL.md

Raw file: /s/butterbase-ai-deploy-frontend/SKILL.md ↗ · machine-readable summary at /s/butterbase-ai-deploy-frontend.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 15 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 15

Prompt

We are initiating an Edge SSR deployment for a Next.js application on Cloudflare Workers using `manage_edge_ssr`. What framework key should be specified during creation?

What was checked, without and with the skill
Checked	Without skill	With skill
Passes nextjs-edge as the framework parameter.	Missed	Passed

case-16 · gemini-3.6-flash · 8/18/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md293 linessingle file

Overview

7-step workflow for deploying static frontends to Butterbase. Covers building, CORS, zipping, uploading, and verification.

Framework Reference Table

Framework	Build command	Output dir	Env prefix	Framework flag
React (Vite)	`npm run build`	`dist/`	`VITE_`	`react-vite`
Next.js (static)	`next build`	`out/`	`NEXT_PUBLIC_`	`nextjs-static`
Plain HTML	(none)	project root	N/A	`static`

Note: Next.js requires output: 'export' in next.config.js to produce a static export.

Step 1: Set Environment Variables

Use manage_frontend with action: "set_env" to configure the API URL and app ID before building. These variables are injected at build time by the framework.

{
  "app_id": "app_abc123",
  "action": "set_env",
  "vars": {
    "VITE_API_URL": "https://api.butterbase.ai/v1/app_abc123",
    "VITE_APP_ID": "app_abc123"
  }
}

For Vite, prefix all public variables with VITE_
For Next.js, prefix with NEXT_PUBLIC_
For Create React App, prefix with REACT_APP_

set_env upserts; you can call it again to add or change variables.

Track record

Benchmark

17 / 20

test cases passed, vs 4 / 20 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

butterbase-ai / butterbase-skills

skills/deploy-frontend/SKILL.md

View on GitHub ↗

License MITImported 8/3/2026Version v1

More skills from the same source and nearby in the registry, with their headline benchmark lift.