skills.rest
juniorfontenele
juniorfonteneleCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-development

Implement React 19 interfaces with Inertia.js, Tailwind CSS, Radix UI, and Wayfinder.

Updated Feb 11, 2026
Search Tags:#typescript#frontend#react#tailwind#ui development#radix ui#inertiajs
One-click install
npx skills add https://github.com/juniorfontenele/ai-guidelines --skill frontend-development-juniorfontenele
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-development
Source: https://github.com/juniorfontenele/ai-guidelines/tree/main/.agents/skills/frontend-development
Command: npx skills add https://github.com/juniorfontenele/ai-guidelines --skill frontend-development-juniorfontenele

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the creation and modification of user interfaces by providing a unified approach to frontend development using the project's established stack.

Core Features & Use Cases

  • Component Development: Implement reusable UI components with React 19, leveraging Radix UI primitives and Tailwind CSS v4 for styling.
  • Page Creation: Build dynamic Inertia.js v2 pages, managing data flow and navigation.
  • Route Integration: Seamlessly connect frontend actions to backend routes using Wayfinder.
  • Use Case: When tasked with creating a new user profile page, this Skill guides you through building the necessary React components, integrating with the backend API via Wayfinder, and applying consistent styling with Tailwind CSS.

Quick Start

Create a new React page for user settings, including a form for updating their profile information.

Frequently Asked Questions about frontend-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build React pages with Inertia.js v2 and Tailwind CSS?▼

To build React pages with Inertia.js v2 and Tailwind CSS, implement dynamic components managing data flow and navigation, styling them using Tailwind CSS v4 utility classes and Radix UI primitives.

How does Wayfinder connect React frontend components to backend routes?▼

Wayfinder connects React frontend components to backend routes by providing seamless route integration, allowing UI actions to reference and trigger backend API endpoints directly without manual URL management.

Can I use Radix UI primitives with React 19 for component development?▼

Yes, you can use Radix UI primitives with React 19 for component development. This combination leverages Radix UI for accessible interactive elements while React 19 manages the component rendering and state lifecycle.

What is the best way to style UI components using Tailwind CSS v4?▼

The best way to style UI components using Tailwind CSS v4 is applying its utility classes directly within React 19 components, ensuring consistent visual styling across pages, layouts, and forms.

How do I implement deferred props, prefetching, or polling in an Inertia.js v2 application?▼

Implement deferred props, prefetching, or polling in an Inertia.js v2 application by utilizing Inertia's built-in data loading mechanisms to manage asynchronous data flow and optimize page navigation performance.

When should I use Inertia.js instead of building a standard React SPA?▼

Use Inertia.js instead of a standard React SPA when you need seamless backend route integration via Wayfinder and want server-side routing benefits without building a separate API layer.

Related Skills

Explore More Software Engineering Skills→
jftecnologiajftecnologia

frontend-development

Implement React 19 frontend interfaces with Inertia.js, Tailwind CSS v4, and Radix UI.

Official
Advanced
ArtMin96ArtMin96

inertia-react-development

Develop Inertia.js v2 React pages with forms and navigation.

Community
Intermediate
SamuelBisbergSamuelBisberg

inertia-react-development

Guide Inertia.js v2 React development with page components, navigation, and forms.

Community
Intermediate
cofincofin
15

inertia

Bridge server-side routing with client-side rendering using Inertia.js.

Community
Intermediate