sveltekit-webappScaffold and configure a production-ready SvelteKit PWA with opinionated defaults. Use when: creating a new web application, setting up a SvelteKit project,...
Install via ClawdBot CLI:
clawdbot install leo3linbeck/sveltekit-webappGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://cli.github.comAudited Apr 17, 2026 · audit v1.0
Generated Mar 1, 2026
A user wants to build a simple, visually appealing task tracker with due dates, priority labels, and drag-and-drop organization. The skill will scaffold a PWA with SvelteKit, Tailwind for styling, and Skeleton components for a clean interface, integrating local storage or a lightweight database like Turso for data persistence.
A small business owner needs a responsive online store to showcase products, manage inventory, and process orders. The skill sets up a SvelteKit app with Bits UI for custom product cards, integrates a database via Drizzle for product data, and configures Vercel deployment for fast, scalable hosting.
An organizer wants to create a web app for event sign-ups with attendee management, payment integration, and email notifications. The skill scaffolds the app with SvelteKit, adds Lucia for user authentication, and uses Playwright for testing registration flows to ensure reliability.
A team lead requests a dashboard to visualize sales metrics and team performance with interactive charts and real-time updates. The skill configures SvelteKit with Skeleton for UI components, integrates APIs for data fetching, and sets up Vitest for unit testing to maintain data accuracy.
An educator aims to build a platform for hosting courses with video lessons, quizzes, and progress tracking. The skill uses SvelteKit with mdsvex for content rendering, adds Paraglide for internationalization if needed, and deploys via Vercel with PWA features for offline access.
Charge users a recurring fee for access to premium features like advanced analytics, team collaboration tools, or exclusive content. This model suits apps with ongoing value, such as project management or learning platforms, and can be implemented with payment gateways integrated during deployment.
Offer a free basic version to attract users, then monetize through paid upgrades for enhanced functionality, such as increased storage, custom branding, or priority support. This works well for productivity apps or tools where users may outgrow free limits over time.
Generate revenue by taking a percentage of transactions facilitated through the app, such as event tickets, product sales, or service bookings. This model requires integration with payment processors and can scale with user activity, ideal for e-commerce or booking platforms.
💬 Integration Tip
Leverage the skill's pre-configured add-ons like ESLint and Vitest to maintain code quality during development, and use the user configuration file to override defaults like deployment provider for seamless integration with existing workflows.
Scored Apr 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.