New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Vite Flare Starter

by jezweb in jezweb/claude-skills

Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI.

MITAuto-check passedDatabases

Install Vite Flare Starter

skills CLI
$ npx skills add jezweb/claude-skills --skill vite-flare-starter -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jezweb/claude-skills vite-flare-starter --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jezweb/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/cloudflare/skills/vite-flare-starter .claude/skills/vite-flare-starter && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
vite-flare-starter
GitHub stars
1.1k
Token cost
~2.6k tokens
SKILL.md length
797 words
Files
3 (incl. assets)
Skills in repo
52
Repo updated
First seen
Licence
MIT

At a glance

Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI.

  • Works in 5 steps: Gather Project Info → Clone and Configure → Manual Configuration → …
  • The user wants a batteries-included Cloudflare full-stack app
  • SKILL.md covers Stack, Workflow, Security Fingerprints and Environment Variables, plus 3 more sections
  • Calls pnpm, npx and git; reaches github.com; needs BETTER_AUTH_SECRET and GOOGLE_CLIENT_SECRET

What it does

Vite Flare Starter is an agent skill from jezweb/claude-skills. Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI. Run setup.sh to clone, configure, and deploy. Use whenever the user wants a batteries-included Cloudflare full-stack app, vite-flare-starter scaffold, or a React + Cloudflare app with auth + database + Workers AI ready to go.

Its SKILL.md is about 2.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 3 other files, including assets. Compatibility notes: claude-code-only

It sits in Databases, covering Project scaffolding and ORMs and data access. It works with Cloudflare, React, Vite and Workers AI. The repository describes itself as: Skills for Claude Code CLI such as full stack dev Cloudflare, React, Tailwind v4, and AI integrations. The licence is MIT.

When your agent uses it

  • The user wants a batteries-included Cloudflare full-stack app
  • Vite-flare-starter scaffold
  • A React + Cloudflare app with auth + database + Workers AI ready to go

Example prompts

  • “/vite-flare-starter”

Requirements

  • Python 3
  • Node.js
  • A credential in BETTER_AUTH_SECRET
  • A credential in GOOGLE_CLIENT_SECRET
  • Compatibility (from SKILL.md): claude-code-only

Workflow steps

5 steps, taken from the step headings in SKILL.md.

  1. Gather Project Info
  2. Clone and Configure
  3. Manual Configuration
  4. Verify Locally
  5. Deploy to Production

What it can do on your machine

Read from SKILL.md and the folder at commit 64965d9. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • pnpm
    • npx
    • git
    • openssl
    • python3
    • wrangler

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • github.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • BETTER_AUTH_SECRET
    • GOOGLE_CLIENT_SECRET
    • EMAIL_API_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    claude-code-only

    From compatibility in the SKILL.md frontmatter.

Context cost

Vite Flare Starter loads about 2.6k tokens when it runs. Until then it costs about 106 tokens; SKILL.md has 797 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~106
When it runs · the whole SKILL.md, loaded when a task matches
~2.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jezweb/claude-skills at commit 64965d9, republished under its MIT licence (© jezweb). 797 words, ~2,618 tokens.

Download SKILL.mdSave it as .claude/skills/vite-flare-starter/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.
name
vite-flare-starter
description
Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI. Run setup.sh to clone, configure, and deploy. Use whenever the user wants a batteries-included Cloudflare full-stack app, vite-flare-starter scaffold, or a React + Cloudflare app with auth + database + Workers AI ready to go.
compatibility
claude-code-only

Vite Flare Starter

Clone and configure the batteries-included Cloudflare starter into a standalone project. Produces a fully rebranded, deployable full-stack app.

Stack

LayerTechnologyVersion
FrontendReact, Vite, Tailwind CSS, shadcn/ui19, 6.x, v4, latest
BackendHono (on Cloudflare Workers)4.x
DatabaseD1 (SQLite at edge) + Drizzle ORM0.38+
Authbetter-auth (Google OAuth + email/password)latest
StorageR2 (S3-compatible object storage)—
AIWorkers AI binding—
Data FetchingTanStack Queryv5
Cloudflare Bindings
BindingTypePurpose
DBD1 DatabasePrimary application database
AVATARSR2 BucketUser avatar storage
FILESR2 BucketGeneral file uploads
AIWorkers AIAI model inference
Project Structure
src/
├── client/                 # React frontend
│   ├── components/         # UI components
│   ├── hooks/              # Custom hooks + TanStack Query
│   ├── pages/              # Route pages
│   ├── lib/                # Utilities (auth client, etc.)
│   └── main.tsx            # App entry point
├── server/                 # Hono backend
│   ├── index.ts            # Worker entry point
│   ├── routes/             # API routes
│   ├── middleware/          # Auth, CORS, etc.
│   └── db/                 # Drizzle schema + queries
└── shared/                 # Shared types between client/server
Key Commands
CommandPurpose
pnpm devStart local dev server
pnpm buildProduction build
pnpm deployDeploy to Cloudflare
pnpm db:migrate:localApply migrations locally
pnpm db:migrate:remoteApply migrations to production
pnpm db:generateGenerate migration from schema changes

Workflow

Step 1: Gather Project Info

Ask for:

RequiredOptional
Project name (kebab-case)Admin email
Description (1 sentence)Google OAuth credentials
Cloudflare accountCustom domain
Step 2: Clone and Configure
2a. Clone and clean
bash
git clone https://github.com/jezweb/vite-flare-starter.git PROJECT_DIR --depth 1
cd PROJECT_DIR
rm -rf .git
git init
2b. Find-replace targets

Replace vite-flare-starter with the project name in these locations:

FileTargetReplace with
wrangler.jsonc"vite-flare-starter" (worker name)"PROJECT_NAME"
wrangler.jsoncvite-flare-starter-dbPROJECT_NAME-db
wrangler.jsoncvite-flare-starter-avatarsPROJECT_NAME-avatars
wrangler.jsoncvite-flare-starter-filesPROJECT_NAME-files
package.json"name": "vite-flare-starter""name": "PROJECT_NAME"
package.jsonvite-flare-starter-dbPROJECT_NAME-db
index.html<title> contentApp display name (Title Case)

Also in wrangler.jsonc:

  • Remove hardcoded account_id line (let wrangler prompt or use env var)
  • Replace database_id value with REPLACE_WITH_YOUR_DATABASE_ID

Reset package.json version to "0.1.0".

Use the Edit tool for replacements (preferred over sed to avoid macOS/GNU differences).

2c. Generate auth secret
bash
BETTER_AUTH_SECRET=$(openssl rand -hex 32 2>/dev/null || python3 -c "import secrets; print(secrets.token_hex(32))")
2d. Create .dev.vars

Convert kebab-case project name: my-cool-app becomes Display My Cool App, ID my_cool_app.

# Local Development Environment Variables
# DO NOT COMMIT THIS FILE TO GIT

# Authentication (better-auth)
BETTER_AUTH_SECRET=<generated>
BETTER_AUTH_URL=http://localhost:5173

# Google OAuth (optional)
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

# Email Auth Control (disabled by default)
# ENABLE_EMAIL_LOGIN=true
# ENABLE_EMAIL_SIGNUP=true

# Application Configuration
APP_NAME=<Display Name>
VITE_APP_NAME=<Display Name>
VITE_APP_ID=<app_id>
VITE_TOKEN_PREFIX=<app_id>_
VITE_GITHUB_URL=
VITE_FOOTER_TEXT=

NODE_ENV=development
2e. Create Cloudflare resources (optional)
bash
npx wrangler d1 create PROJECT_NAME-db
# Extract database_id from output, update wrangler.jsonc

npx wrangler r2 bucket create PROJECT_NAME-avatars
npx wrangler r2 bucket create PROJECT_NAME-files
2f. Install and migrate
bash
pnpm install
pnpm run db:migrate:local
2g. Initial commit
bash
git add -A
git commit -m "Initial commit from vite-flare-starter"
Step 3: Manual Configuration
  1. Google OAuth (if using): Go to Google Cloud Console, create OAuth 2.0 Client ID, add redirect URI http://localhost:5173/api/auth/callback/google, copy Client ID and Secret to .dev.vars
  2. Favicon: Replace public/favicon.svg
  3. CLAUDE.md: Update project description, remove vite-flare-starter references
  4. index.html: Update <title> and meta description
Step 4: Verify Locally
bash
pnpm dev

Check: http://localhost:5173 loads, shows YOUR app name, sign-up/sign-in works (if OAuth configured).

Step 5: Deploy to Production
bash
# Set production secrets
openssl rand -base64 32 | npx wrangler secret put BETTER_AUTH_SECRET
echo "https://PROJECT_NAME.SUBDOMAIN.workers.dev" | npx wrangler secret put BETTER_AUTH_URL
echo "http://localhost:5173,https://PROJECT_NAME.SUBDOMAIN.workers.dev" | npx wrangler secret put TRUSTED_ORIGINS

# If using Google OAuth
echo "your-client-id" | npx wrangler secret put GOOGLE_CLIENT_ID
echo "your-client-secret" | npx wrangler secret put GOOGLE_CLIENT_SECRET

# Migrate remote database
pnpm run db:migrate:remote

# Build and deploy
pnpm run build && pnpm run deploy

Critical: After first deploy, update BETTER_AUTH_URL with your actual Worker URL. Add the production URL to Google OAuth redirect URIs.

Security Fingerprints

Change all of these so attackers cannot identify your site uses this starter:

LocationDefault ValueHow to Change
Page title"Vite Flare Starter"index.html
App name in UI"Vite Flare Starter"VITE_APP_NAME env var
localStorage keysvite-flare-starter-themeVITE_APP_ID env var
API tokensvfs_ prefixVITE_TOKEN_PREFIX env var
GitHub linksstarter repoVITE_GITHUB_URL (set empty to hide)
Worker namevite-flare-starterwrangler.jsonc
Database namevite-flare-starter-dbwrangler.jsonc
R2 bucketsvite-flare-starter-*wrangler.jsonc

Environment Variables

Branding (VITE_ prefix = available in frontend)
VariablePurposeExample
VITE_APP_NAMEDisplay name in UI"My Cool App"
VITE_APP_IDlocalStorage prefix, Sentry"mycoolapp"
VITE_TOKEN_PREFIXAPI token prefix"mca_"
VITE_GITHUB_URLGitHub link (empty = hidden)""
VITE_FOOTER_TEXTFooter copyright text"2026 My Company"
APP_NAMEServer-side app name"My Cool App"
Show full SKILL.md (303 more words)Show less
Auth
VariablePurposeNotes
BETTER_AUTH_SECRETSession encryptionopenssl rand -hex 32
BETTER_AUTH_URLAuth base URLMust match actual URL exactly
TRUSTED_ORIGINSAllowed originsComma-separated, include localhost + prod
GOOGLE_CLIENT_IDGoogle OAuthFrom Google Cloud Console
GOOGLE_CLIENT_SECRETGoogle OAuthFrom Google Cloud Console
ENABLE_EMAIL_LOGINEnable email/password"true" to enable
ENABLE_EMAIL_SIGNUPEnable email signupRequires ENABLE_EMAIL_LOGIN
Email (Optional)
VariablePurposeNotes
EMAIL_FROMSender addressFor verification/password reset
EMAIL_API_KEYEmail service API keyResend recommended

Common Customisations

Adding a New Database Table
  1. Add schema in src/server/db/schema.ts
  2. Generate migration: pnpm db:generate
  3. Apply locally: pnpm db:migrate:local
  4. Apply to production: pnpm db:migrate:remote
Adding a New API Route
  1. Create route file in src/server/routes/
  2. Register in src/server/index.ts
  3. Add TanStack Query hook in src/client/hooks/
Changing Auth Providers

Edit src/server/auth.ts: add provider to socialProviders, add credentials to .dev.vars and production secrets, update client-side login buttons.

Feature Flags

Control features via environment variables: VITE_FEATURE_STYLE_GUIDE=true, VITE_FEATURE_COMPONENTS=true. Add your own in src/client/lib/features.ts.

Troubleshooting

SymptomCauseFix
Auth redirects to homepage silentlyMissing TRUSTED_ORIGINSSet TRUSTED_ORIGINS with all valid URLs
"Not authorized" on deployWrong account_idRemove account_id from wrangler.jsonc or set yours
Database 500 errorsMissing migrationsRun pnpm db:migrate:local and pnpm db:migrate:remote
localStorage shows "vite-flare-starter"Missing VITE_APP_IDSet VITE_APP_ID=yourapp in .dev.vars
Auth fails in production onlyBETTER_AUTH_URL mismatchMust match actual Worker URL exactly (https, no trailing slash)
"redirect_uri_mismatch" on Google sign-inOAuth redirect URI missingAdd production URL to Google Cloud Console OAuth redirect URIs
Secret changes have no effectNot redeployedwrangler secret put does NOT redeploy. Run pnpm deploy after

Production Deployment Checklist

  • BETTER_AUTH_SECRET set (different from dev!)
  • BETTER_AUTH_URL matches actual Worker URL
  • TRUSTED_ORIGINS includes all valid URLs
  • Google OAuth redirect URI includes production URL
  • Remote database migrated (pnpm db:migrate:remote)
  • No vite-flare-starter references in config files
  • Favicon replaced
  • CLAUDE.md updated
  • .dev.vars is NOT committed (check .gitignore)

© jezweb, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 2 other files (assets) in plugins/cloudflare/skills/vite-flare-starter of jezweb/claude-skills.

  • SKILL.md
  • assets/dev-vars-template.txt
  • assets/wrangler-template.jsonc

Open the folder on GitHubat commit 64965d9

Compare with similar skills

Vite Flare Starter next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Vite Flare Starter compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Vite Flare Starter this skilljezweb/claude-skills1.1k—~2.6kAutomated safety check: PassMIT
Add Backendahpxex/open-dashboard146—~3.6kAutomated safety check: PassMIT
Docs Seekeravibebuilder/claude-prime120—~1.4kAutomated safety check: PassMIT
Better Auth Scaffoldpproenca/dot-skills215—~1.6kAutomated safety check: NotesMIT
Admin Template Project Initializersouthliu/south-admin-react580—~519Automated safety check: PassMIT
Sync Templatetsu-moe/tsu-stack129—~2kAutomated safety check: PassMIT

Similar skills

  • Add Backend

    ahpxex/open-dashboard

    Everything about the data layer — pick one of six ready-to-run backend templates (TanStack Start + Drizzle + better-auth, Hono + Drizzle + better-auth, Hono + Prisma + better-auth, Hono + Drizzle +…

    146 GitHub stars~3.6k tokensUpdated 3 mo ago
    DatabasesAuto-check passed

  • Docs Seeker

    avibebuilder/claude-prime

    Fetch up-to-date documentation for any library, framework, API, or service into context.

    120 GitHub stars~1.4k tokensUpdated 4 mo ago
    DatabasesAuto-check passed

  • Better Auth Scaffold

    pproenca/dot-skills

    Scaffolds a Better Auth setup in a Next.js (App Router) + Drizzle project — lib/auth.ts, lib/auth-client.ts, the /api/auth/[...all] route handler, middleware.ts, .env.example, and a permissions…

    215 GitHub stars~1.6k tokensUpdated 1 mo ago
    DatabasesAuto-check: notes

  • Admin Template Project Initializer

    southliu/south-admin-react

    Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

    580 GitHub stars~519 tokensUpdated 19 days ago
    Frontend & DesignAuto-check passed

  • Sync Template

    tsu-moe/tsu-stack

    Compare or update a project derived from tsu-moe/tsu-stack while preserving application features, identity, configuration, and deployment behavior.

    129 GitHub stars~2k tokensUpdated today
    DevelopmentAuto-check passed

  • Pixijs Create

    pixijs/pixijs-skills

    A skill your agent uses when scaffolding a new PixiJS v8 project with the create-pixi CLI or adding PixiJS to an existing project.

    348 GitHub stars~3.1k tokensUpdated 8 days ago
    DevelopmentAuto-check passed

More from jezweb/claude-skills

All 52 skills in this repo

  • Favicon Gen

    jezweb/claude-skills

    Generate custom favicons from logos, text, or brand colours.

    1.1k GitHub starsUsed in 1 repo~1k tokens
    Auto-check passed

  • Tailwind Theme Builder

    jezweb/claude-skills

    Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

    1.1k GitHub starsUsed in 1 repo~3.2k tokens
    Auto-check passed

  • Elevenlabs Agents

    jezweb/claude-skills

    Build conversational AI voice agents on the ElevenLabs platform.

    1.1k GitHub stars~3.3k tokensUpdated 4 days ago
    Auto-check passed

  • Responsiveness Check

    jezweb/claude-skills

    Test website responsiveness across viewport widths using browser automation.

    1.1k GitHub starsUsed in 1 repo~1.7k tokens
    Auto-check passed

  • MCP Builder

    jezweb/claude-skills

    Build MCP servers in Python with FastMCP. An agent skill from jezweb/claude-skills.

    1.1k GitHub stars~3.1k tokensUpdated 4 days ago
    Auto-check: notes

  • GitHub Release

    jezweb/claude-skills

    Prepare and publish GitHub releases. An agent skill from jezweb/claude-skills.

    1.1k GitHub stars~944 tokensUpdated 4 days ago
    Auto-check: notes

Works with

Categories

Questions about Vite Flare Starter

What does Vite Flare Starter do?

Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI. Vite Flare Starter is an agent skill from jezweb/claude-skills. Scaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query + R2 + Workers AI.

When should I use Vite Flare Starter?

Vite Flare Starter fits situations like: the user wants a batteries-included Cloudflare full-stack app; vite-flare-starter scaffold; A React + Cloudflare app with auth + database + Workers AI ready to go.

How do I install Vite Flare Starter in Claude Code?

Run `npx skills add jezweb/claude-skills --skill vite-flare-starter -a claude-code`. Or copy the skill folder (plugins/cloudflare/skills/vite-flare-starter in jezweb/claude-skills) into .claude/skills/vite-flare-starter in your project. Claude Code loads it when a task matches its description.

How do I install Vite Flare Starter in Codex?

Run `npx skills add jezweb/claude-skills --skill vite-flare-starter -a codex`. Or copy the skill folder (plugins/cloudflare/skills/vite-flare-starter in jezweb/claude-skills) into .agents/skills/vite-flare-starter in your project. Codex loads it when a task matches its description.

Can I use Vite Flare Starter in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jezweb/claude-skills --skill vite-flare-starter -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/vite-flare-starter, .gemini/skills/vite-flare-starter, .github/skills/vite-flare-starter and .opencode/skills/vite-flare-starter in your project.

What does Vite Flare Starter need to run?

Going by SKILL.md and its folder, Vite Flare Starter needs the command-line tools its instructions call (pnpm, npx, git, openssl, python3 and wrangler) and credentials named BETTER_AUTH_SECRET, GOOGLE_CLIENT_SECRET and EMAIL_API_KEY. Our summary lists: Python 3; Node.js; A credential in BETTER_AUTH_SECRET; A credential in GOOGLE_CLIENT_SECRET. Compatibility (from SKILL.md): claude-code-only.

Does Vite Flare Starter access the network?

SKILL.md names 1 domain. In commands or code: github.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Vite Flare Starter safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Vite Flare Starter use?

Vite Flare Starter is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Vite Flare Starter use?

About 2.6k tokens (SKILL.md is roughly 10k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Vite Flare Starter?

Skills that share tags, products or a category with Vite Flare Starter: Add Backend (ahpxex/open-dashboard, 146 stars), Docs Seeker (avibebuilder/claude-prime, 120 stars), Better Auth Scaffold (pproenca/dot-skills, 215 stars) and Admin Template Project Initializer (southliu/south-admin-react, 580 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Vite Flare Starter?

jezweb (a GitHub user) maintains it in jezweb/claude-skills, which has 1,052 GitHub stars. The repository holds 52 skills in this directory. The repository was last updated on October 5, 2026.

Source: jezweb/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.