skills.rest
radioactive-labs
radioactive-labsOFFICIAL
Explore all skills by this author →
GitHub

plutonium-assets

Automate frontend asset setup for Rails apps with TailwindCSS, Stimulus, and Phlexi themes.

68|10|Updated Jan 10, 2024
Search Tags:#theming#assets#rails#tailwindcss#stimulus#plutonium#phlexi
One-click install
npx skills add https://github.com/radioactive-labs/plutonium-core --skill plutonium-assets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plutonium-assets
Source: https://github.com/radioactive-labs/plutonium-core/tree/main/.claude/skills/plutonium-assets
Command: npx skills add https://github.com/radioactive-labs/plutonium-core --skill plutonium-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plutonium assets streamline the setup of frontend assets for Rails apps by configuring TailwindCSS, Stimulus controllers, and Phlexi themes, reducing manual setup time and ensuring consistent styling and interactivity across projects.

Core Features & Use Cases

  • Asset initialization via an initializer to centralize asset configuration (styles, scripts, logos, and favicons)
  • TailwindCSS and Stimulus integration, including automated config generation and controller registrations
  • Phlexi component theming with Form, Display, and Table themes for rapid UI customization
  • Use cases: kicking off a new Rails app with a cohesive frontend stack, or upgrading an existing app to a Plutonium-based asset framework

Quick Start

Run rails generate pu:core:assets to bootstrap TailwindCSS, Stimulus controllers, and Phlexi themes in your Rails application.

Frequently Asked Questions about plutonium-assets

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up TailwindCSS and Stimulus in a new Rails app?▼

You can set up TailwindCSS and Stimulus in Rails by running the generator command to bootstrap assets, which automatically handles initializer configuration, Tailwind config generation, and Stimulus controller registration.

What is the best way to configure Phlexi themes for consistent UI across Rails projects?▼

Configuring Phlexi themes is best handled by bootstrapping assets via a Rails generator, which applies Form, Display, and Table themes to ensure rapid UI customization and consistent styling across projects.

Can I upgrade an existing Rails application to use a Plutonium-based frontend asset stack?▼

Yes, you can upgrade an existing Rails app by running the asset generator to install TailwindCSS, register Stimulus controllers, and apply Phlexi themes over your current frontend configuration.

Does this asset setup provide safe defaults and clear extension points for Rails generators?▼

The asset setup ensures safe defaults and clear extension points by centralizing configuration in an initializer, satisfying requirements for asset bootstrapping and versioned integration with Rails generators.

Why does my Rails app need an initializer for frontend asset configuration?▼

An initializer is needed to centralize frontend asset configuration, providing a single location to manage styles, scripts, logos, and favicons for your Rails application.

What limitations should I expect when bootstrapping frontend assets for Rails apps?▼

When bootstrapping frontend assets, the scope is limited to initializer configuration, TailwindCSS, Stimulus controller registration, and Phlexi themes, meaning custom asset pipelines outside this stack require manual extension.

Related Skills

Explore More Software Engineering Skills→
4tikhonov4tikhonov
3

project-init

Initialize a FIRE project by detecting workspace type and generating standards templates.

Community
Basic
djankiesdjankies

creating-custom-utilities

Create custom Tailwind v4 utilities using the @utility directive.

Community
Advanced
rubakasrubakas
4

rails-javascript

Integrate Stimulus, Turbo, and Importmap into Rails 8 frontend patterns.

Official
Intermediate
sinfinsinfin
10

folio-view-component

Generate Folio ViewComponents with Stimulus integration and testing guidelines.

Official
Intermediate