frontend-patterns

Create React components with dark mode styling by using Tailwind CSS dark mode utility classes on all elements, applying brand colors, and following PascalCase naming conventions. This Skill automates component scaffolding for Next.js 16 App Router with React 19 and TypeScript, ensuring consistent dark-themed UI across your project.

Yes. This Skill provides standardized patterns for making backend API calls and handling responses within React components, including SSE stream integration and context management, so your API interactions remain consistent across IdeaForge projects.

Use component scaffolding templates that enforce explicit Props interfaces, 'use client' directives for stateful components, and standardized card, button, and input conventions. This Skill automates template generation for Next.js, ensuring every component adheres to IdeaForge brand guidelines and dark mode requirements.

Yes. Tailwind CSS dark mode is fully integrated into this Skill's component templates. All generated components automatically include dark-mode utility classes and brand colors, styled for seamless dark theme application in Next.js 16 App Router projects.

This Skill generates explicit Props interfaces for every component, following TypeScript best practices within React 19. All scaffolded components include properly typed interfaces, ensuring type safety and consistency across your IdeaForge frontend codebase.

This Skill targets Next.js 16 App Router with React 19 and TypeScript. It requires Tailwind CSS and enforces PascalCase filenames, 'use client' directives, and dark mode classes. Ensure your project uses these technologies before applying component generation.