laravel-raptor-page

To convert a design mock into Laravel CRUD pages, this skill transforms the mock into backend models, migrations, policies, and controllers, alongside Vue 3 and Inertia frontend components. It preserves your project's visual style while generating list views, forms, and filters.

Yes, you can generate Laravel business module screens directly from a mock design. The skill targets resource screens by converting provided mocks into complete list views, forms, pagination, and resource actions for your internal modules.

Creating Laravel resources from a mock generates backend files including models, migrations, requests, policies, controllers, and services. It also produces Vue 3 and Inertia components for the frontend, ensuring a complete CRUD implementation.

Before generating CRUDs from design mocks, you need a ready global base provided by laravel-raptor-patterns. You should also ensure your project uses a Laravel Sail-based baseline to properly generate the internal pages and full CRUDs.

Mock to Laravel conversion handles existing visual styles by reusing your current components and preserving the project's visual identity. The generated Vue 3 and Inertia pages match the established design system rather than overwriting it.

Vue 3 and Inertia work seamlessly with Laravel CRUD generation to implement filtering and pagination. The skill specifically generates resource screens that include list views, form inputs, and actions equipped with these frontend functionalities.