Frontloom React — Development skill for Claude Code
Use this skill for React and Next.js frontend tasks.
How to install Frontloom React
Installs to ~/.claude/skills/derida23-frontloom-frontloom-react/SKILL.md
mkdir -p ~/.claude/skills/derida23-frontloom-frontloom-react && curl -fsSL https://raw.githubusercontent.com/Derida23/Frontloom/HEAD/skills/frontloom-react.md -o ~/.claude/skills/derida23-frontloom-frontloom-react/SKILL.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontloom React does
name: frontloom-react description: Use this skill for React and Next.js frontend tasks. Enforces idiomatic React patterns including hooks, component composition, Server vs Client Components, strict typing for props and state, and Next.js App Router conventions. Always use alongside frontloom-core-fe for baseline quality standards.
Frontloom React
Apply this skill to all React and Next.js work. Use alongside `frontloom-core-fe` for baseline frontend quality standards.
Goal
Produc
Alternatives in Development
- Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
- Stitch React Components — Stitch to React components conversion 2.6k ★
- Astro — Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions 2.6k ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Frontloom Vue
Use this skill for Vue and Nuxt frontend tasks. Enforces idiomatic Vue 3 patterns including Composition API, s
Frontloom Svelte
Use this skill for Svelte 5 and SvelteKit frontend tasks. Enforces idiomatic Svelte patterns including runes (
Component Gen
Generate React or Vue components with prop types, styling, accessibility, and tests
React Best Practices
Agent Skill: A comprehensive skill for implementing React best practices including component structure, state
05 Component Morphology
Analyze component morphology and composition
Astro Expert
Astro framework expert including components, content collections, and integrations
Related Agents
React Security
Frontend security reviewer persona for React apps. Use to review XSS risks, secret exposure in client bundles,
React Build Resolver
Diagnose and fix React build failures across Vite, webpack, Next.js, CRA, Parcel, esbuild, and Bun. Handles JS
Component Architect
Use this agent to design a new compound component before implementation. It analyzes requirements, selects the