Skills
.Work. You
Rest

frontend-starter

Community

Generate a production-ready React frontend starter

Software Engineering#frontend#react#dashboard#vite#tailwindcss#tanstack router#ui scaffolding
Authorlhz960904
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Speeding up frontend project kickoff by providing a ready-to-run, browser-only app scaffold tailored to common UI and dashboard style requests.

Core Features & Use Cases

  • Instant frontend scaffolding (Vite + React + TypeScript): Establishes a modern baseline for landing pages, dashboards, todo/note apps, and content sites without adding a server layer.
  • Pre-wired routing and data patterns: Uses TanStack Router for page structure and TanStack Query for async state, with Zustand for local state.
  • UI-ready design system: Includes shadcn/ui primitives and Tailwind v3 theming so you can iterate on interface quickly.
  • Platform preview workflow: Leverages the platform manifest and fixed dev server port (5173) to automatically boot and expose a preview.

Quick Start

Copy the template output provided by this skill and replace src/routes/index.tsx with the page you want, then describe your desired app in chat.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: frontend-starter
Download link: https://github.com/lhz960904/code-artisan/archive/main.zip#frontend-starter

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.