Armory
Source
Browse
Skills

frontend-dev-guidelines

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

Score
Unranked
Evidence
No signals yet
Last commit
Not known
Listed

Install

armory install frontend-dev-guidelines --cli claude

writes the skill into.claude/skills/frontend-dev-guidelines/SKILL.mdListed as compatible

Configuration
# fetches the source and writes it to:
.claude/skills/frontend-dev-guidelines/SKILL.md

Needs the armory CLI · not on npm yet, build it from cli/ in the repository

What it is

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

When to use it

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

How to install / invoke

# Copy the skill into your .claude/skills/ directory
curl -sL https://raw.githubusercontent.com/davila7/claude-code-templates/main/cli-tool/components/skills/development/frontend-dev-guidelines/SKILL.md -o .claude/skills/frontend-dev-guidelines/SKILL.md

Notes

Extracted from davila7/claude-code-templates, frontend-dev-guidelines category.