home/categories/full-stack/jhouser-actionphase-claude-skills-frontend-dev-guidelines-skill-md
full-stackdevelopment

frontend-dev-guidelines

Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling with custom UI components, React Router, dark mode with CSS variables, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

jhouser
maintainer
jhouser
Updated 1/19/2026
Stars
0
Forks
1
quick start

Installation and usage

Frontend development guidelines for ActionPhase React/TypeScript application. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, Tailwind CSS styling with custom UI components, React Router, dark mode with CSS variables, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use frontend-dev-guidelines