A comprehensive automation skill for scaffolding, configuring, and deploying opinionated SvelteKit PWAs with professional-grade defaults.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install sveltekit-webapp
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install sveltekit-webapp using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is SvelteKit Webapp Scaffold & Deploy?
This skill provides a structured framework for building full-stack web applications from a simple natural language prompt. As a core part of the ecosystem of Openclaw Skills, it automates the tedious parts of project setup including TypeScript configuration, Tailwind CSS integration, and PWA manifest generation. It follows an opinionated stack featuring Svelte 5 runes, Skeleton UI for accessibility, and Bits UI for headless primitives, ensuring high-quality codebases by default.
Beyond simple scaffolding, the skill manages a rigorous project lifecycle. It transitions projects through three distinct stages—Local Development, Staging, and Production—while maintaining a clear Product Requirements Document (PRD) and providing automated handoff documentation. It is designed to work seamlessly with modern CI/CD workflows and cloud providers like Vercel.
SvelteKit Webapp Scaffold & Deploy Use Cases
- Rapidly scaffolding new SvelteKit projects with TypeScript and opinionated UI libraries.
- Building Progressive Web Apps (PWAs) that include offline support and mobile-ready manifests.
- Setting up full-stack applications with Drizzle ORM, Lucia Auth, and Turso databases.
- Automating the deployment pipeline from a local dev branch to a live production URL via Vercel.
How SvelteKit Webapp Scaffold & Deploy Works
- Requirement Gathering: The agent conducts a technical interview to define project goals, design inspiration, and core features.
- PRD Generation: A structured PRD is created including user stories, acceptance criteria, and technical stack specifications.
- Preflight Validation: The skill verifies the environment for required tools like GitHub CLI, pnpm, and Vercel CLI.
- Stage 1 (Development): The project is built locally using mock data and validated against unit and E2E tests.
- Stage 2 (Staging): The code is pushed to a staging environment with real database credentials for final preview.
- Stage 3 (Production): Upon approval, the application is deployed to a production domain with a final handoff report.
SvelteKit Webapp Scaffold & Deploy Setup
To get started with this skill in your environment, ensure you have the required CLIs installed. These Openclaw Skills tools will be verified during the preflight phase:
# Install the package manager and deployment tool
npm i -g pnpm vercel
# Ensure GitHub CLI is installed (cli.github.com)
gh auth login
You can override default behaviors by modifying your local configuration at ~/.openclaw/workspace/SKILL-CONFIG.json to specify preferred package managers or deployment adapters.
SvelteKit Webapp Scaffold & Deploy Data Schema & Taxonomy
The skill maintains state and documentation through the following file structures:
| File | Purpose |
|---|---|
prd.json |
A JSON-based requirements document tracking user stories and project status. |
progress.txt |
An internal log for sub-agents to share codebase patterns and architectural learnings. |
SKILL-CONFIG.json |
Stores user-specific overrides for project defaults like component libraries. |
ADMIN.md |
A generated handoff guide including local run instructions and environment variable maps. |
SvelteKit Webapp Scaffold & Deploy Advanced Features
- Multi-agent execution using sessions_spawn to implement multiple user stories in parallel.
- Built-in Svelte 5 runes support for modern, reactive state management using $state, $derived, and $effect.
- Intelligent mock data strategy that allows development to proceed before production databases are provisioned.
- Automated GitHub-Vercel integration for persistent branch-based preview URLs.
- Smart retry logic for deployment failures with automated diagnostic analysis.
SKILL.md
Loading
Related Openclaw Skills
Outlit MCP Server
A specialized MCP server for querying customer intelligence, revenue metrics, and user activity directly within AI-powered development environments.
skill-stats
A specialized utility for querying, analyzing, and tracking skill usage metrics across Claude Code and OpenClaw environments.
Airweave
A powerful context retrieval layer that connects AI agents to workspace data across diverse applications like Slack, GitHub, and Jira.
Letundra
A comprehensive travel intelligence skill providing real-time visa info, aviation news, and cultural data from letundra.com.
Brek AI Partner Core Chat
A professional integration for the Brek Partner Core Chat API facilitating secure hotel discovery, multi-turn booking sessions, and payment orchestration.
Find Skills
A powerful discovery and management tool for finding and installing modular agent capabilities within the Openclaw Skills ecosystem.
METADATA
Featured*
