agentskills.codes
PR

progressive-centralization-starter

by SwaderCodingSource

Scaffolds decentralized web projects with deployment tools.

DeploymentFrontendTypeScriptJavaScript

Install

mkdir -p .claude/skills/progressive-centralization-starter && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16548" && unzip -o skill.zip -d .claude/skills/progressive-centralization-starter && rm skill.zip

Installs to .claude/skills/progressive-centralization-starter

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Bootstrap Bun-based single-file frontends with Filebase/IPFS, ENS, and Arweave/ArNS deploy tooling. Use when creating a progressive centralization starter project, setting up .env-driven deploys, or when the user asks to "just do it" for IPFS/ENS/Arweave hosting.
263 chars✓ has a “when” triggerlonger than Claude Code's old 250-char listing cap (fine on current versions)
Intermediate

Key capabilities

  • →Scaffold Bun-based single-file frontends
  • →Set up .env-driven deploys
  • →Configure Filebase/IPFS hosting
  • →Integrate ENS for naming
  • →Deploy to Arweave/ArNS

How it works

The skill bootstraps Bun-based single-file frontends and configures them for decentralized storage and naming services like Filebase/IPFS, ENS, and Arweave/ArNS.

Inputs & outputs

You give it
Request to create a progressive centralization starter project or deploy a Bun-based frontend
You get back
Scaffolded project or deployed frontend to IPFS/ENS/Arweave

When to use progressive-centralization-starter

  • →Initializing frontend project
  • →Configuring IPFS deployment
  • →Setting up ENS integration

About this skill

Progressive Centralization Starter

Scaffold a new project

  • bun run init -- --template page --dest ./my-page
  • bun run init -- --template web3 --dest ./my-web3

Quick start (inside a template project)

  1. bun install
  2. cp .env.example .env
  3. Fill .env
  4. bun run default <template> (optional)
  5. bun run build <template> (or bun run build if default set)
  6. bun run deploy <template> (or bun run deploy if default set)
  7. bun run preview <template> (optional)
  8. bun run dev (local Anvil + deploy + build)

Configuration essentials

  • Townsquare app: APP_CHAINS_JSON, APP_DEFAULT_CHAIN_ID, TOWNSQUARE_ADDRESSES_JSON
  • Filebase IPFS: FILEBASE_BUCKET, FILEBASE_ROOT_KEY, FILEBASE_ROOT_SECRET
  • ENS: ENS_NAME, PRIVATE_KEY, APP_CHAINS_JSON, ENS_CHAIN_ID (or ENS_RPC_URL), optional ENS_NAMEWRAPPER_ADDRESS
  • Optional Arweave/ArNS: ARWEAVE_KEY / ARWEAVE_KEYFILE, ARNS_NAME or ARNS_PROCESS_ID

Deploy flags

  • --dry-run (build + upload only)
  • --skip-ens (skip ENS update)
  • --cid <cid> (use an existing CID)
  • --name <ens> (override ENS name)
  • --no-resolver-switch (avoid auto-switching resolver)

Customize the frontend

  • templates/<template>/src/main.ts: UI logic
  • templates/<template>/src/styles.css: styles
  • templates/<template>/src/template.html: metadata + placeholders
  • templates/<template>/public/: optional static assets copied into dist/
  • contracts/Townsquare.sol: on-chain template contract

Guardrails

  • Use Bun for all commands; do not use npm or Node.
  • Never commit .env or wallet keys.

When not to use it

  • →When the user does not ask to 'just do it' for IPFS/ENS/Arweave hosting
  • →When the task is not related to progressive centralization starter projects
  • →When the task is not related to Bun-based single-file frontends

Limitations

  • →Requires Bun for all commands
  • →Does not use npm or Node
  • →Never commits `.env` or wallet keys

How it compares

This skill automates the setup and deployment of Bun-based frontends to decentralized platforms, simplifying a complex multi-step process that would otherwise require manual configuration for each service.

Compared to similar skills

progressive-centralization-starter side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
progressive-centralization-starter (this skill)06moReviewIntermediate
pwa-development94moCautionIntermediate
add-cdn-bundle15moReviewIntermediate
oly-apps04moNo flagsBeginner

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

pwa-development

alinaqi

Progressive Web Apps - service workers, caching strategies, offline, Workbox

940

add-cdn-bundle

getsentry

Create a new CDN bundle for the browser package with specified features

13

oly-apps

slaveOftime

Use when building a web app/api to present rich output or interactive experiences to users.

00

vite-patterns

Fmarzochi

Vite build tool patterns including config, plugins, HMR, env variables, proxy setup, SSR, library mode, dependency pre-bundling, and build optimization. Activate when working with vite.config.ts, Vite plugins, or Vite-based projects.

00

drn-buildwww-vite

duranserkan

DRN buildwww Vite build system - multi-build configuration, TypeScript aliases, wwwroot output, appPreload/appPostload, and Vite manifest discovery. Keywords: drn, buildwww, vite, typescript, bundling, asset-compilation, npm, javascript, css, scss, build-pipeline, entry-points, manifest

00

zustand

lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

113434

Search skills

Search the agent skills registry