Skills
.Work. You
Rest

frontend-dev

Community

Build modern React + TS frontends.

Software Engineering#typescript#react#routing#tanstack#nextjs#tailwind
Authorjungai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill helps developers bootstrap and maintain modern React applications using TypeScript, Tailwind, Next.js, and TanStack tools.

Core Features & Use Cases

  • Project scaffolding for React + TypeScript + Tailwind in Next.js environments.
  • Routing, data fetching, and state management using TanStack Router, Query, and Start.
  • Component patterns and TypeScript configurations to support scalable frontend architectures.
  • Use Case: rapidly spin up a production-ready frontend with typed components, routing, and UI styling.

Quick Start

  • Create a new Next.js project with TypeScript and Tailwind: npx create-next-app@latest my-app --typescript --tailwind
  • Install TanStack packages: npm i @tanstack/react-router @tanstack/react-query @tanstack/start
  • Start development: npm run dev

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-dev
Download link: https://github.com/jungai/dotfiles/archive/main.zip#frontend-dev

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.