skills.rest
mia-cx
mia-cxOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-app-builder

Scaffold and deploy SvelteKit multi-page web apps to Cloudflare Pages.

Updated Mar 23, 2026
Search Tags:#starter#sveltekit#shadcn-svelte#web-app#tailwind-v4#cloudflare-pages#radix-svelte
One-click install
npx skills add https://github.com/mia-cx/.agents --skill web-app-builder-mia-cx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-app-builder
Source: https://github.com/mia-cx/.agents/tree/main/skills/web-app-builder
Command: npx skills add https://github.com/mia-cx/.agents --skill web-app-builder-mia-cx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Builds and deploys modern multi-page web apps using SvelteKit, Tailwind v4, shadcn-svelte, radix-svelte, and Cloudflare Pages, reducing setup time and preserving a cohesive UI stack.

Core Features & Use Cases

  • Unified stack: SvelteKit + Tailwind v4 + shadcn-svelte + radix-svelte + Cloudflare Pages get you from scaffold to deployment with a single workflow.
  • Reusable starter templates: Quick-start projects for dashboards, marketing sites, and SaaS apps that share routing, state management, and UI primitives.
  • Opinionated design system: Consistent components and styling across pages, with dark mode and accessible primitives.

Quick Start

Initialize a new project with the provided init-artifact script to scaffold a ready-to-go web app and start development.

Frequently Asked Questions about web-app-builder

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

FAQPage Schema
How do I scaffold a SvelteKit app with Tailwind v4 and shadcn-svelte?▼

To scaffold a SvelteKit app with Tailwind v4 and shadcn-svelte, run the included init script to generate a ready-to-go project structure with preconfigured routing, state management, and accessible UI primitives.

What is the best way to deploy a SvelteKit app to Cloudflare Pages?▼

Deploying a SvelteKit app to Cloudflare Pages is handled by the provided build scripts, which compile the project and configure the unified toolchain for seamless dashboard, marketing site, or SaaS deployment.

Can I build a SaaS dashboard using radix-svelte and SvelteKit?▼

Yes, you can build a SaaS dashboard using radix-svelte and SvelteKit by leveraging the reusable starter templates, which provide consistent components, dark mode, and accessible primitives out of the box.

Do I need pnpm to develop a SvelteKit web app locally?▼

Yes, you need pnpm installed in a Node.js environment to run the init and build scripts required to scaffold, develop, and deploy the SvelteKit web app locally.

How does the unified toolchain handle styling and dark mode for marketing sites?▼

The unified toolchain handles styling and dark mode through an opinionated design system using Tailwind v4 and shadcn-svelte, ensuring consistent components and accessible styling across all marketing site pages.

Why use a unified SvelteKit and Tailwind v4 stack for multi-page web apps?▼

A unified SvelteKit and Tailwind v4 stack reduces setup time and preserves a cohesive UI stack, allowing you to quickly ship modern multi-page web apps from scaffold to deployment without configuration conflicts.

Related Skills

Explore More Software Engineering Skills→
baiciebaicie
2

pnpm

Manage Node.js dependencies and monorepo workspaces using pnpm.

Community
Advanced
Rory-XRory-X

ppt-publish

Publish built Slidev presentations to Vercel or GitHub Pages.

Community
Intermediate
yashvinthanyashvinthan

ui-styling

Create user interfaces with shadcn/ui components and Tailwind CSS.

Community
Intermediate
windmill-labswindmill-labs
17.5k

raw-app

Scaffold raw apps connecting React, Svelte, or Vue frontends to Windmill backends.

Official
Basic