00
SKILL 0 upvotes 5

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.

0 0 5 GitHub stars Last updated April 7, 2026

Install

claude skill add kettleofketchup/DraftForge:frontend-development

About this skill

Frontend Dev Guidelines is a skill for Claude Code developed by kettleofketchup. It is tagged frontend, react, typescript, code-patterns, making it relevant for teams working in those areas. Install it with a single command to extend Claude Code's capabilities.


Categories


Frequently Asked Questions

What does Frontend Dev Guidelines do?

Frontend Dev Guidelines is a Claude Code skill by kettleofketchup. 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. It extends Claude Code's capabilities for developers who work with related workflows.

How do I install Frontend Dev Guidelines?

You can install Frontend Dev Guidelines by running the following command in your terminal: claude skill add kettleofketchup/DraftForge:frontend-development

Who made Frontend Dev Guidelines?

Frontend Dev Guidelines was created by kettleofketchup. You can find their other projects and contributions on GitHub at https://github.com/kettleofketchup.


Similar Skills