mcpinsight

Frontend React — Design skill for Claude Code

Design community

Skill: Frontend (React 18 + Vite + Tailwind + shadcn).

How to install Frontend React

Installs to ~/.claude/skills/mcpinsight-mcpinsight-frontend-react/SKILL.md

Terminal

mkdir -p ~/.claude/skills/mcpinsight-mcpinsight-frontend-react && curl -fsSL https://raw.githubusercontent.com/mcpinsight/mcpinsight/HEAD/.claude/skills/frontend-react.md -o ~/.claude/skills/mcpinsight-mcpinsight-frontend-react/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Frontend React does

Skill: Frontend (React 18 + Vite + Tailwind + shadcn)

Load when touching `packages/web/`.

Stack

React 18 with the new JSX transform. No class components.
Vite 5, TypeScript strict.
TanStack Router (file-based routing off; code-based is fine for our small surface).
TanStack Query v5 for server state.
Tailwind CSS 3 + shadcn/ui components (copy-in, not library).
lucide-react icons.
No: Redux, Zustand, Jotai, styled-components, emotion, react-

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Brainwave — Learn to create modern websites with sleek parallax effects and bento box layouts 1.9k ★