About this skill
This skill empowers an AI agent to quickly scaffold a comprehensive Ruby on Rails application from scratch. It automates the setup of Rails ~8 using PostgreSQL for the database, and integrates a cutting-edge frontend development environment. The setup includes Inertia.js ~2.3 to bridge Rails with React ~19.2 for a Single Page Application (SPA)-like experience without needing a separate API, Vite ~5 for blazing-fast JavaScript bundling and Hot Module Replacement (HMR), and Tailwind CSS ~4 for utility-first styling. Additionally, Sidekiq 8 is pre-configured for efficient background job processing, providing a robust foundation for modern web development.
Best use case
Ideal for developers or teams looking to rapidly prototype new web applications, start new projects with a standardized and opinionated tech stack, or automate the initial setup phase of full-stack Rails projects with a modern frontend.
Create a new Rails project
A new directory named after the specified project name, containing a fully configured Rails 8 application. The application will have PostgreSQL as its database, Inertia.js, React, Vite, and Tailwind CSS integrated for frontend development, and Sidekiq set up for background jobs. The project will be ready for immediate development, with the specified tech stack fully operational.
Practical example
Example input
new-rails-project my_awesome_app
Example output
Successfully created a new Rails project 'my_awesome_app' with Rails ~8 (PostgreSQL), Inertia.js ~2.3, React ~19.2, Vite ~5, Tailwind CSS ~4, and Sidekiq 8. The project is now available in the current directory, ready for development.
When to use this skill
- When you need to quickly bootstrap a new full-stack web application.
- When you want to leverage Rails for the backend but require a modern JavaScript frontend framework (React) integrated via Inertia.js.
- When starting a project that requires immediate access to a configured PostgreSQL database and background job processing capabilities (Sidekiq).
- When adhering to a specific modern tech stack for consistent project initialization.
When not to use this skill
- When you need a barebones Rails project without a specific frontend framework or advanced configurations.
- When your project specifically requires a different frontend framework (e.g., Vue.js, Angular) or a different CSS framework.
- When you are adding features to an existing Rails project, rather than starting a new one.
- When the project requires a database other than PostgreSQL.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/new-rails-project/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How new-rails-project Compares
| Feature / Agent | new-rails-project | Standard Approach |
|---|---|---|
| Platform Support | Claude | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | medium | N/A |
Frequently Asked Questions
What does this skill do?
Create a new Rails project
Which AI agents support this skill?
This skill is designed for Claude.
How difficult is it to install?
The installation complexity is rated as medium. You can find the installation instructions above.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
Related Guides
AI Agents for Coding
Browse AI agent skills for coding, debugging, testing, refactoring, code review, and developer workflows across Claude, Cursor, and Codex.
Best AI Skills for Claude
Explore the best AI skills for Claude and Claude Code across coding, research, workflow automation, documentation, and agent operations.
ChatGPT vs Claude for Agent Skills
Compare ChatGPT and Claude for AI agent skills across coding, writing, research, and reusable workflow execution.
SKILL.md Source
Generate a new Rails project named $1 in the current directory. You may reference @CLAUDE.md for general guidance, though the guidance here takes precedence. ## When to Use - You need to bootstrap a new Rails project with the opinionated stack defined in this skill. - The project should start with Rails, PostgreSQL, Inertia.js, React, Vite, Tailwind, Sidekiq, and Redis already planned together. - You want setup guidance that covers project creation, conventions, testing, and verification for a fresh Rails app. # Tech Stack Set up the following tech stack: - **Rails ~8** with PostgreSQL - Server-side framework and database - **Inertia.js ~2.3** - Bridges Rails and React for SPA-like experience without API - **React ~19.2** - Frontend UI framework - **Vite ~5** - JavaScript bundler with HMR - **Tailwind CSS ~4** - Utility-first CSS framework - **Sidekiq 8** - Background job processing with scheduled jobs via sidekiq-scheduler - **Redis** - Sessions, caching, and job queue # Rails guidance - Do not use Kamal or Docker - Do not use Rails "solid_*" components/systems - Development should generally match production settings where possible - Use Redis for caching # Database - All tables use UUID primary keys (pgcrypto extension) - Timestamps use `timestamptz` for timezone awareness - JSONB columns for flexible metadata storage - Comprehensive indexing strategy for performance - Encrypted fields for sensitive data (OAuth tokens, API keys) # Background jobs - Use Sidekiq 8 with Redis # Testing - Always use minitest - Use `mocha` gem and VCR for external services (only in the providers layer) - Prefer `OpenStruct` for mock instances - Only mock what's necessary # Code maintenace - Run `bundle exec rubocop -a` after significant code changes - Use `.rubocop.yml` for style configuration - Security scanning with `bundle exec brakeman` # Frontend - All React components and views should be TSX # General guidance - Ask lots of clarifying questions when planning. The more the better. Make extensive use of AskUserQuestionTool to gather requirements and specifications. You can't ask too many questions. # Verify Verify the boilerplate is working by running `bin/rails server` and accessing the application at `http://localhost:3000` via playwright MCP.
Related Skills
makepad-widgets
Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets
makepad-splash
CRITICAL: Use for Makepad Splash scripting language. Triggers on: splash language, makepad script, makepad scripting, script!, cx.eval, makepad dynamic, makepad AI, splash 语言, makepad 脚本
makepad-dsl
CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, "<Widget>", "Foo = { }", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件
javascript-typescript-typescript-scaffold
You are a TypeScript project architecture expert specializing in scaffolding production-ready Node.js and frontend applications. Generate complete project structures with modern tooling (pnpm, Vite, N
frontend-ui-dark-ts
A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.
frontend-mobile-development-component-scaffold
You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s
frontend-dev-guidelines
You are a senior frontend engineer operating under strict architectural and performance standards. Use when creating components or pages, adding new features, or fetching or mutating data.
fp-backend
Functional programming patterns for Node.js/Deno backend development using fp-ts, ReaderTaskEither, and functional dependency injection
fastapi-templates
Create production-ready FastAPI projects with async patterns, dependency injection, and comprehensive error handling. Use when building new FastAPI applications or setting up backend API projects.
fastapi-router-py
Create FastAPI routers following established patterns with proper authentication, response models, and HTTP status codes.
dotnet-backend
Build ASP.NET Core 8+ backend services with EF Core, auth, background jobs, and production API patterns.
core-components
Core component library and design system patterns. Use when building UI, using design tokens, or working with the component library.