How to work effectively with Inertia, always use when developing frontend features
Generates Inertia.js React components with client-side navigation and form handling.
/plugin marketplace add markhamsquareventures/essentials/plugin install essentials@mksq-marketplaceThis skill inherits all available tools. When active, it can use any tool Claude has access to.
router.visit() or <Link> for navigation instead of traditional links.import { Link } from '@inertiajs/react'
<Link href="/">Home</Link> </code-snippet>import { Form } from '@inertiajs/react'
export default () => (
<Form action="/users" method="post"> {({ errors, hasErrors, processing, wasSuccessful, recentlySuccessful, clearErrors, resetAndClearErrors, defaults }) => ( <> <input type="text" name="name" /> {errors.name && <div>{errors.name}</div>}
<button type="submit" disabled={processing}>
{processing ? 'Creating...' : 'Create User'}
</button>
{wasSuccessful && <div>User created successfully!</div>}
</>
)}
</Form>
)
</code-snippet>Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.