sveltekit-webapp
Scaffold and configure a production-ready SvelteKit PWA with opinionated defaults. Use when: creating a new web application, setting up a SvelteKit project, building a PWA, or when a user asks to "build me an app/site/webapp". Handles full setup including TypeScript, Tailwind, Skeleton + Bits UI components, testing, linting, and Vercel deployment. Generates a PRD with user stories for review, then upon user approval, builds through development, staging, and production with user approval at each stage.
Why use this skill?
Rapidly build, test, and deploy production-ready SvelteKit PWAs with this intelligent OpenClaw skill. Includes PRD generation, opinionated defaults, and automated workflows.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/leo3linbeck/sveltekit-webappWhat This Skill Does
The sveltekit-webapp skill is an intelligent agent designed to bridge the gap between high-level project vision and production-ready code. It automates the entire lifecycle of a SvelteKit PWA, moving from conceptual requirements to a live, deployed application. By leveraging an opinionated stack—featuring Svelte 5 runes, Tailwind CSS, Skeleton, and Vercel—the skill ensures consistency and scalability in every project. It handles complex scaffolding tasks including dependency management with pnpm, testing via Vitest and Playwright, and version control setup using the GitHub CLI. Beyond mere code generation, the agent acts as a project manager, generating a detailed Product Requirement Document (PRD) and managing the transition from development to production through gated checkpoints, ensuring user oversight at every critical juncture.
Installation
To integrate this agent into your development environment, run the following command in your terminal:
clawhub install openclaw/skills/skills/leo3linbeck/sveltekit-webapp
Ensure you have the core prerequisites installed globally on your machine, specifically sv (SvelteKit), pnpm, gh (GitHub CLI), and vercel for seamless deployment.
Use Cases
This skill is perfect for developers, entrepreneurs, and product designers who need to rapidly prototype or scale web applications. Use it when you are starting a fresh project, need to enforce a specific coding standard across multiple apps, or require a reliable, automated pipeline that handles everything from linting to deployment. It is particularly valuable for building PWAs that require offline capabilities and high-performance, reactive state management using Svelte 5.
Example Prompts
- "Build me a personal finance tracker that syncs with my bank API, uses a dark-mode-first design like Linear, and deploys to Vercel."
- "I need a community dashboard for my newsletter subscribers. Can you scaffold a SvelteKit app with Skeleton UI, include user authentication, and create a GitHub repo for it?"
- "Start a new PWA project for a local coffee shop's menu and ordering system. Make it mobile-first, include Tailwind for styling, and guide me through the PRD generation phase."
Tips & Limitations
To get the best results, provide clear design references during the gathering phase; comparing your project to existing popular apps helps the agent tune Tailwind configurations and component choices. Always check your ~/.openclaw/workspace/SKILL-CONFIG.json to ensure your deployment tokens and preferences are set correctly before execution. While the skill is highly capable, remember that it is an assistant; review the generated PRD stories carefully before authorizing build phases, and ensure you have active credentials for your chosen hosting provider.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-leo3linbeck-sveltekit-webapp": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: file-write, file-read, external-api, code-execution