Skills
.Work. You
Rest

nitro-kit-components

Community

Craft Nitro Kit UI components in Rails.

Software Engineering#tailwind#rails#style-guide#ui-components#stimulus#phlex#nitro-kit
Authormikker
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Standardizes and streamlines the creation of Nitro Kit-style UI components in Rails apps.

Core Features & Use Cases

  • Read the Nitro Kit STYLE_GUIDE to apply conventions for component anatomy, builder pattern, attribute merging, accessibility, and form layout defaults.
  • Organize components into core Nitro Kit code under app/components/nitro_kit/ or app-specific UI in a separate namespace (e.g., app/components/ui/).
  • Implement using Phlex + Tailwind with minimal JavaScript, ensuring state is visible in markup for styling.
  • Update tests and examples when changes affect rendered output or component APIs.

Quick Start

Create or update a Nitro Kit component in your Rails project following the style guide, then validate with tests.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nitro-kit-components
Download link: https://github.com/mikker/dotfiles/archive/main.zip#nitro-kit-components

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.