vite-flare-starter

Scaffold a production-ready full-stack Cloudflare app with React, Hono, D1, and better-auth in minutes.

jezweb/claude-skills|Updated Apr 8, 2026

Works with

Claude CodeCursorClineWindsurfCodexGoose

What it does

Clones and rebrands the vite-flare-starter template into a standalone project with automated find-replace across wrangler.jsonc, package.json, and index.html
Includes React 19, Vite, Tailwind v4, shadcn/ui frontend; Hono backend on Workers; D1 SQLite with Drizzle ORM; better-auth for Google OAuth; R2 storage; and Workers AI binding
Generates secrets, creates .dev.vars template, run

Repository

jezweb/claude-skills

Last updated

Apr 8, 2026

Installation Guide

Select your AI agent

How to use vite-flare-starter on Cursor

AI-first code editor with Composer

Prerequisites

Before installing skills in Cursor, ensure your development environment meets these requirements:

›Cursor installed and configured on your machine
›Node.js 16+ with npm — verify with node --version
›Active project directory where you want to add vite-flare-starter

Run the install command

Execute the skills CLI command in your project's root directory to begin installation:

$npx skills add https://github.com/jezweb/claude-skills --skill vite-flare-starter

Fetches vite-flare-starter from jezweb/claude-skills and configures it for Cursor.

Select Cursor when prompted

The CLI shows a list of agents. Use arrow keys and space to select Cursor:

◆ Which agents do you want to install to?

│

│ ── Universal (.agents/skills) ────────────────

│ · Cline · Codex · Goose · Windsurf

│ ●Cursor(selected)

│ · Cursor · Aider · Continue

Verify installation

Confirm successful installation by checking the skill directory location:

.cursor/skills/vite-flare-starter

Restart Cursor to activate vite-flare-starter. Access via /vite-flare-starter in your agent's command palette.

⚠

Security Notice

We perform automated surface-level scans (Gen AI Scanner, Socket, Snyk) during installation. These checks detect common vulnerabilities but do not guarantee complete security. Always review skill source code and verify the publisher's reputation before production use.

Skills execute code in your environment. Always review source, verify the publisher, and test in isolation before production.

›View source on GitHub ›Skills CLI docs ›About Cursor ›What are agent skills?

Documentation

List & Monetize Your Skill

Submit your Claude Code skill and start earning

Get started →

Use Cases

User Story & Requirements Generation

Create detailed user stories, acceptance criteria, and feature specs

Example

Generate user stories for 'password reset feature' with acceptance criteria, edge cases, and test scenarios

✓

Reduce spec writing time by 50%, ensure comprehensive coverage

Competitive Analysis

Research competitors, compare features, identify gaps

Example

Analyze 5 competitor products, create feature comparison matrix, suggest differentiation opportunities

✓

Complete competitive research in 2 hours instead of 2 days

Roadmap Prioritization

Evaluate features using frameworks (RICE, ICE, Kano) and create prioritized backlogs

Example

Score 20 feature ideas using RICE framework, generate prioritized roadmap with rationale

Layer	Technology	Version
Frontend	React, Vite, Tailwind CSS, shadcn/ui	19, 6.x, v4, latest
Backend	Hono (on Cloudflare Workers)	4.x
Database	D1 (SQLite at edge) + Drizzle ORM	0.38+
Auth	better-auth (Google OAuth + email/password)	latest
Storage	R2 (S3-compatible object storage)	—
AI	Workers AI binding	—
Data Fetching	TanStack Query	v5

Binding	Type	Purpose
`DB`	D1 Database	Primary application database
`AVATARS`	R2 Bucket	User avatar storage
`FILES`	R2 Bucket	General file uploads
`AI`	Workers AI	AI model inference

Command	Purpose
`pnpm dev`	Start local dev server
`pnpm build`	Production build
`pnpm deploy`	Deploy to Cloudflare
`pnpm db:migrate:local`	Apply migrations locally
`pnpm db:migrate:remote`	Apply migrations to production
`pnpm db:generate`	Generate migration from schema changes

Required	Optional
Project name (kebab-case)	Admin email
Description (1 sentence)	Google OAuth credentials
Cloudflare account	Custom domain

File	Target	Replace with
`wrangler.jsonc`	`"vite-flare-starter"` (worker name)	`"PROJECT_NAME"`
`wrangler.jsonc`	`vite-flare-starter-db`	`PROJECT_NAME-db`
`wrangler.jsonc`	`vite-flare-starter-avatars`	`PROJECT_NAME-avatars`
`wrangler.jsonc`	`vite-flare-starter-files`	`PROJECT_NAME-files`
`package.json`	`"name": "vite-flare-starter"`	`"name": "PROJECT_NAME"`
`package.json`	`vite-flare-starter-db`	`PROJECT_NAME-db`
`index.html`	`<title>` content	App display name (Title Case)

Location	Default Value	How to Change
Page title	"Vite Flare Starter"	`index.html`
App name in UI	"Vite Flare Starter"	`VITE_APP_NAME` env var
localStorage keys	`vite-flare-starter-theme`	`VITE_APP_ID` env var
API tokens	`vfs_` prefix	`VITE_TOKEN_PREFIX` env var
GitHub links	starter repo	`VITE_GITHUB_URL` (set empty to hide)
Worker name	`vite-flare-starter`	`wrangler.jsonc`
Database name	`vite-flare-starter-db`	`wrangler.jsonc`
R2 buckets	`vite-flare-starter-*`	`wrangler.jsonc`

Variable	Purpose	Example
`VITE_APP_NAME`	Display name in UI	"My Cool App"
`VITE_APP_ID`	localStorage prefix, Sentry	"mycoolapp"
`VITE_TOKEN_PREFIX`	API token prefix	"mca_"
`VITE_GITHUB_URL`	GitHub link (empty = hidden)	""
`VITE_FOOTER_TEXT`	Footer copyright text	"2026 My Company"
`APP_NAME`	Server-side app name	"My Cool App"

Variable	Purpose	Notes
`BETTER_AUTH_SECRET`	Session encryption	`openssl rand -hex 32`
`BETTER_AUTH_URL`	Auth base URL	Must match actual URL exactly
`TRUSTED_ORIGINS`	Allowed origins	Comma-separated, include localhost + prod
`GOOGLE_CLIENT_ID`	Google OAuth	From Google Cloud Console
`GOOGLE_CLIENT_SECRET`	Google OAuth	From Google Cloud Console
`ENABLE_EMAIL_LOGIN`	Enable email/password	"true" to enable
`ENABLE_EMAIL_SIGNUP`	Enable email signup	Requires ENABLE_EMAIL_LOGIN

Variable	Purpose	Notes
`EMAIL_FROM`	Sender address	For verification/password reset
`EMAIL_API_KEY`	Email service API key	Resend recommended

Symptom	Cause	Fix
Auth redirects to homepage silently	Missing TRUSTED_ORIGINS	Set TRUSTED_ORIGINS with all valid URLs
"Not authorized" on deploy	Wrong account_id	Remove account_id from wrangler.jsonc or set yours
Database 500 errors	Missing migrations	Run `pnpm db:migrate:local` and `pnpm db:migrate:remote`
localStorage shows "vite-flare-starter"	Missing VITE_APP_ID	Set `VITE_APP_ID=yourapp` in .dev.vars
Auth fails in production only	BETTER_AUTH_URL mismatch	Must match actual Worker URL exactly (https, no trailing slash)
"redirect_uri_mismatch" on Google sign-in	OAuth redirect URI missing	Add production URL to Google Cloud Console OAuth redirect URIs
Secret changes have no effect	Not redeployed	`wrangler secret put` does NOT redeploy. Run `pnpm deploy` after

vite-flare-starter

What it does

Category

Repository

Last updated

Installation Guide

How to use vite-flare-starter on Cursor

Prerequisites

Run the install command

Select Cursor when prompted

Verify installation

Security Notice

Documentation

List & Monetize Your Skill

Use Cases

User Story & Requirements Generation

Competitive Analysis

Roadmap Prioritization

Install Skill

Vite Flare Starter

Stack

Cloudflare Bindings

Project Structure

Key Commands

Workflow

Step 1: Gather Project Info

Step 2: Clone and Configure

2a. Clone and clean

2b. Find-replace targets

2c. Generate auth secret

2d. Create .dev.vars

2e. Create Cloudflare resources (optional)

2f. Install and migrate

2g. Initial commit

Step 3: Manual Configuration

Step 4: Verify Locally

Step 5: Deploy to Production

Security Fingerprints

Environment Variables

Branding (VITE_ prefix = available in frontend)

Auth

Email (Optional)

Common Customisations

Adding a New Database Table

Adding a New API Route

Changing Auth Providers

Feature Flags

Troubleshooting

Production Deployment Checklist

Stakeholder Communication

Implementation Guide

Best Practices

When to Use This

Learning Path

Related Skills

wordpress-elementor

vite

grill-me

premortem

deslop

framer-motion

Reviews

Discussion