fullstack-implementation

Automate end-to-end feature implementation in Laravel 12, Inertia.js, React 19, and TypeScript projects.

Updated Dec 22, 2025
One-click install
npx skills add https://github.com/htooayelwinict/claude-config --skill fullstack-implementation-htooayelwinict
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fullstack-implementation
Source: https://github.com/htooayelwinict/claude-config/tree/main/skills/fullstack-implementation
Command: npx skills add https://github.com/htooayelwinict/claude-config --skill fullstack-implementation-htooayelwinict

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides end-to-end implementation guidance for fullstack features, including backend, frontend, and tests.

Core Features & Use Cases

  • Backend-first implementation order (routes, controllers, models, etc.).
  • Frontend wiring with Inertia and TypeScript types.
  • Verification steps and testing integration.

Quick Start

Implement a new CRUD page by wiring routes, a controller, a model, and a matching Inertia page with tests.

Frequently Asked Questions about fullstack-implementation

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

FAQPage Schema
How do I implement a fullstack feature with Laravel and Inertia from backend to frontend?

End-to-end fullstack implementation starts with backend routing and controllers, proceeds through model and policy setup, then wires frontend Inertia pages with React and TypeScript. This Skill automates the entire flow, including CRUD logic, validation, and test integration to ensure all components work together.

Can I use this for building CRUD operations in a Laravel + React project?

Yes. This Skill handles CRUD implementations across the full stack: backend routes, controllers, requests, and models paired with Inertia-based React frontend pages, all with integrated testing to verify functionality end-to-end.

What testing and validation checks does fullstack Laravel and Inertia development require?

Fullstack Laravel + Inertia projects enforce composer test, npm type checking and linting, PHP code formatting with Pint, and Python test suites with pytest, ruff, and mypy. This Skill runs the complete verification loop and confirms all checks pass before completion.

How do I structure routes, controllers, and frontend pages together in a Laravel + Inertia workflow?

Backend-first structure defines routes, then controllers handling requests validated through request classes, backed by models with policies. Frontend integration uses Inertia to render TypeScript-typed React pages. This Skill enforces this pattern across feature implementations.

Do I need TypeScript and React knowledge to build features with Laravel and Inertia?

Yes. This Skill covers frontend wiring with Inertia, React 19, and TypeScript, so familiarity with these technologies is required. Backend knowledge of Laravel 12 routing, controllers, and models is equally essential for end-to-end feature delivery.

What happens if tests or linting fail during fullstack feature implementation?

This Skill enforces a mandatory verification loop; if composer test, npm type checks, linting, Pint formatting, or Python test suites fail, the implementation is not reported complete. All checks must pass before the feature is considered ready.