skills.rest
luan
luanCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bootstrap-web

Bootstrap a SvelteKit web app with TypeScript, Tailwind, and Cloudflare D1.

1|1|Updated Apr 24, 2026
Search Tags:#scaffolding#bun#sveltekit#svelte 5#webauthn#cloudflare pages#d1 sqlite
One-click install
npx skills add https://github.com/luan/agents --skill bootstrap-web
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bootstrap-web
Source: https://github.com/luan/agents/tree/main/skills/bootstrap-web
Command: npx skills add https://github.com/luan/agents --skill bootstrap-web

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Bootstrap a new SvelteKit web project without getting stuck on outdated templates, missing infrastructure, or mismatched tooling choices.

Core Features & Use Cases

  • Research-first scaffolding: Checks the current SvelteKit/web ecosystem state before writing any project files to avoid stale template breakage.
  • Opinionated production-ready stack: Creates a strict TypeScript + Svelte 5 (runes) setup with bun, Vite, Vitest, Tailwind (dark-first + OKLCH + CSS variables), and Cloudflare Pages + D1.
  • Auth and routing that won’t surprise you: Includes WebAuthn passkeys flow, app shell, DB/auth/session scaffolding, and routing/hooks/layout wiring.
  • Quality gate and correctness loop: Runs bun prepare and bun check, and iteratively reports the specific remaining failures (up to the defined attempt limit) instead of returning a broken app.

Quick Start

Tell the agent: Bootstrap Web myapp with a starter description for the product, and use the default leading options for any close calls.

Frequently Asked Questions about bootstrap-web

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

FAQPage Schema
How do I scaffold a SvelteKit app with Cloudflare Pages and D1 from scratch?▼

Scaffolding a SvelteKit app with Cloudflare Pages and D1 involves generating a full-stack project with routing, a D1 SQLite database configuration, and Vite. The process uses bun to install dependencies without hardcoded versions, ensuring an up-to-date toolchain.

What is the best way to set up WebAuthn passkeys in a new SvelteKit project?▼

Setting up WebAuthn passkeys in a new SvelteKit project requires generating DB, auth, and session scaffolding alongside routing hooks. The workflow includes configuring the passkeys flow and running a quality gate check via bun prepare and bun check before completion.

Does this SvelteKit scaffolding tool support Tailwind with OKLCH and dark mode?▼

Yes, SvelteKit scaffolding supports Tailwind with OKLCH and dark mode by applying a dark-first CSS variable setup. It configures strict TypeScript and Svelte 5 runes, ensuring styling conventions are production-ready immediately upon project generation.

Can I use bun to install dependencies for a Svelte 5 web project without version conflicts?▼

Yes, you can use bun to install dependencies for a Svelte 5 web project without version conflicts. The scaffolding process performs research-based template selection and installs packages without hardcoded versions, preventing stale template breakage.

Why does my SvelteKit app template break after running the initial project setup?▼

SvelteKit app templates break after initial setup when using outdated boilerplate or mismatched tooling. Researching the current web ecosystem state before writing files avoids stale templates, ensuring the generated app shell and infrastructure pass correctness checks.

What is included when bootstrapping a SvelteKit web application with a modern full-stack toolchain?▼

Bootstrapping a SvelteKit web application includes an opinionated stack of Svelte 5, Vite, Vitest, Tailwind, and Cloudflare D1. It provides routing scaffolds, auth foundations, app shell wiring, and iterative quality gate reporting to resolve remaining failures.

Related Skills

Explore More Software Engineering Skills→
twarogowskitwarogowski
2

bun

Configure and use Bun as an all-in-one JavaScript runtime and toolchain.

Community
Advanced
nickthelegendnickthelegend

convex-create-component

Create reusable Convex components with isolated state and app-facing APIs.

Community
Advanced
nirukk52nirukk52
1

frontend-development

Coordinate SvelteKit 2, Svelte 5 runes, Skeleton UI, and Encore clients for frontend features.

Community
Advanced
SophiasuuSophiasuu
5

generate

Generate static SEO pages from entities using Sophon framework adapters.

Community
Intermediate