inertia-rails-setup
Inertia Rails Setup detects your frontend framework (React, Vue, or Svelte) and serialization layer from your project files, then recommends and installs complementary libraries like alba-inertia, js-routes, pagy, and shadcn components. It generates a CLAUDE.md configuration block that tells Claude which skill patterns apply to your specific stack.
Inertia Rails Setup initializes new Inertia Rails projects by detecting your stack and installing recommended dependencies.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-02-13
Inertia Rails Setup initializes new Inertia Rails projects by detecting your stack and installing recommended dependencies. Inertia Rails Setup detects your frontend framework (React, Vue, or Svelte) and serialization layer from your project files, then recommends and installs complementary libraries like alba-inertia, js-routes, pagy, and shadcn components. It generates a CLAUDE.md configuration block that tells Claude which skill patterns apply to your specific stack.
Use it when
- Inertia Rails Setup analyzes your package.json and Gemfile to detect React, Vue, or Svelte, then guides you through project initialization.
- Yes.
Verify before relying
Read SKILL.md below before installing (2 files). Open directory: indexed for reading, not audited.
Install
inertia-rails/skills/inertia-rails-setup
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does inertia-rails-setup do?
Inertia Rails Setup detects your frontend framework (React, Vue, or Svelte) and serialization layer from your project files, then recommends and installs complementary libraries like alba-inertia, js-routes, pagy, and shadcn components. It generates a CLAUDE.md configuration block that tells Claude which skill patterns apply to your specific stack.
How do I initialize an inertia rails stack with inertia-rails-setup?
Inertia Rails Setup analyzes your package.json and Gemfile to detect React, Vue, or Svelte, then guides you through project initialization. It recommends dependencies based on your detected framework and installs alba-inertia, js-routes, pagy, and shadcn components automatically, bootstrapping your Inertia Rails project with all essential tooling.
Can inertia-rails-setup detect my frontend framework?
Yes. Inertia Rails Setup scans your package.json and Gemfile to detect React, Vue, or Svelte. Once identified, it tailors dependency recommendations and configuration generation to match your chosen frontend framework, ensuring your stack is properly aligned.
What is the CLAUDE.md configuration that inertia-rails-setup generates?
Inertia Rails Setup generates a CLAUDE.md configuration block based on your detected stack. This file tells Claude which skill patterns and best practices apply to your specific Inertia Rails setup, enabling more accurate guidance for your particular frontend framework and dependencies.
Which dependencies does inertia-rails-setup install?
Inertia Rails Setup installs alba-inertia for JSON serialization, js-routes for Rails route helpers in JavaScript, pagy for pagination, and shadcn components for your frontend framework. These libraries are recommended based on your detected React, Vue, or Svelte stack.
When should I use inertia-rails-setup for my project?
Use Inertia Rails Setup when starting a new Inertia Rails project, when your stack changes, or when dependencies need updating. It bootstraps your project with proper framework detection and recommended libraries, ensuring your Inertia Rails setup is configured correctly from the start.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Inertia Rails Project Setup
Detect stack, offer recommended deps, generate CLAUDE.md configuration.
Run once per project. Re-run when the stack changes.
NEVER:
- Run setup without inertia_rails gem in Gemfile — all skills assume it exists. If missing, tell the user to install it first.
- Overwrite existing ## Inertia Rails Stack in CLAUDE.md without reading it — the user may have manual customizations. Replace only the auto-generated block.
- Add @/ resolve aliases to vite.config.ts — vite-plugin-ruby already provides them. Only add to tsconfig.json.
- Recommend alba-inertia if the project uses jbuilder AND the user hasn't expressed interest in switching — suggest it, but don't push. You CAN
(truncated - see the full file via the links below)
File tree — 2 files
skills/inertia-rails-setup/SKILL.md
skills/inertia-rails-setup/references/claude-md-templates.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Initialize a new Inertia Rails project with stack detection and recommended dependencies”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Alba-Inertia pairs Alba serializers with Typelizer to generate TypeScript types automatically from your Rails models and resources. Define entity, page, and shared props resources once, then render them convention-based in controllers—no manual type declarations needed.
Configure type-safe shared props, flash messages, and error handling across Inertia Rails with React, Vue, or Svelte using InertiaConfig module augmentation. Define your shared data types once in globals.d.ts and index.ts, then access them globally via usePage() with full TypeScript support. Avoid common pitfalls like interface vs. type constraints and incorrect destructuring patterns.
Master server-side Inertia patterns in Rails controllers. Learn when to use render inertia with explicit props, how to defer expensive queries, share data across pages, and handle validation errors correctly. Covers prop types, flash messages, and the critical inertia_location rule for external redirects.
Adapt shadcn-svelte (bits-ui) components for Inertia.js + Rails + Svelte apps by replacing SvelteKit patterns with Inertia equivalents. Wire inputs to Inertia Form via name attributes, manage dialogs and tables with Inertia router, and configure flash-based toasts with Rails initializers.
This skill shows how to wire shadcn-vue UI components into Inertia Rails Vue 3 applications, replacing Nuxt-specific patterns with Inertia equivalents. Learn to bind form inputs via name attributes, manage dialogs with router state, render server-sorted tables, and display flash toasts—plus avoid common pitfalls like v-model conflicts and frozen computed values.
Master the server-driven mental model behind Inertia Rails: the server owns routing, data, and auth while React renders UI only. This skill routes you to the right pattern for pages, forms, navigation, and data refresh through a decision matrix covering data sources, state ownership, and common anti-patterns to avoid.
More skills Inertia Coder (NOASSERTION) · Blueprinter (unlicensed) · Route Makeover (MIT)