Skills
.Work. You
Rest

spark-app-template

Community

Scaffold React web apps fast with best practices

Software Engineering#typescript#template#react#vite#tailwind#shadcn#web
Authorbilllzzz26
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers often spend excessive time configuring project scaffolds, choosing tech stacks, and ensuring design consistency for new web applications.

Core Features & Use Cases

  • Opinionated Stack: Sets up Vite, React 19+, TypeScript, Tailwind CSS, and shadcn/ui with proper path aliases.
  • Guided Workflow: Provides a step‑by‑step order for project creation, component installation, and routing setup to avoid configuration errors.
  • Design & Performance: Enforces OKLCH colors, accessibility contrasts, and Core Web Vitals targets for production‑ready apps.
  • Use Cases: Ideal for building dashboards, data tools, content sites, or any interactive web interface where a reliable foundation and design system are needed.

Quick Start

Use the spark app template skill to create a new Vite React TypeScript project configured with Tailwind and shadcn UI.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: spark-app-template
Download link: https://github.com/billlzzz26/visual-story-extension/archive/main.zip#spark-app-template

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.