// Shipwright build system for The Boring JavaScript Stack — Rsbuild-based asset pipeline replacing Grunt, with framework plugins for React/Vue/Svelte, Tailwind CSS, SSR support, and dev server with HMR. Use this skill when configuring builds, managing assets, or debugging the development server.
| name | shipwright |
| description | Shipwright build system for The Boring JavaScript Stack — Rsbuild-based asset pipeline replacing Grunt, with framework plugins for React/Vue/Svelte, Tailwind CSS, SSR support, and dev server with HMR. Use this skill when configuring builds, managing assets, or debugging the development server. |
| metadata | {"author":"sailscastshq","version":"1.0.0","tags":"shipwright, rsbuild, build, vite, assets, tailwind, ssr, hmr, boring-stack"} |
Shipwright (sails-hook-shipwright) is the modern build system for The Boring JavaScript Stack. Built on Rsbuild, it replaces the legacy Grunt pipeline with a fast, zero-config asset pipeline that supports React, Vue, and Svelte through framework plugins.
Use this skill when:
config/shipwright.js (framework plugins, build options)config/inertia.jsviews/app.ejs template and shipwright.styles()/shipwright.scripts() helpers~/ for assets/js/)Read individual rule files for detailed explanations and code examples:
Inertia.js server-side rendering, redirects, shared data, forms, validation, and client-side patterns for The Boring JavaScript Stack. Use this skill when building pages, handling form submissions, managing redirects, sharing data, or working with any Inertia.js feature in a Sails.js application.
Sails.js framework patterns for The Boring JavaScript Stack - actions, helpers, routes, policies, hooks, configuration, security, middleware, file uploads, deployment, and more. Use this skill when building, reviewing, or debugging any server-side code in a Sails.js application.
Product-building operating system inspired by Elon Musk's five-step "The Algorithm" — question every requirement, delete nonessential work, simplify what remains, accelerate feedback loops, and automate last. Use this skill when shaping offers, features, onboarding, pricing, architecture, workflow, launch, or automation decisions. Tailored for founders, designers, operators, product engineers, and AI coding agents building real products.
Cost-aware architecture skill inspired by The Frugal Architect and adapted for The Boring JavaScript Stack. Treat cost as a first-class non-functional requirement, align system shape to the business model, make trade-offs explicit, observe cost and waste, add cost controls, optimize incrementally, and challenge stale assumptions. Use this skill when shaping infrastructure, architecture, scaling, observability, performance, background jobs, caching, or product-engineering trade-offs.
Sounding-first testing patterns for The Boring JavaScript Stack — one test() API, a Sails-centered trial context, worlds under tests/, JSON and Inertia request testing, mail capture, and browser-capable trials only when the browser truly matters. Use this skill when writing, configuring, or debugging tests in a Sails.js + Inertia.js application.
Beautiful UI patterns for modern web development — semantic HTML, accessible markup, responsive design, typography, and form UX. Use this skill when building page layouts, structuring content, choosing semantic elements, implementing navigation, building forms, creating data tables, handling accessibility, designing responsive layouts, establishing typographic hierarchy, or any markup and styling that should be meaningful, accessible, and well-structured. Works with React, Vue, and Svelte with Tailwind CSS.