Slim テンプレート、Stimulus JavaScript フレームワーク、光学ユーティリティを備えた CSS を使用した Rails アプリケーションのフロントエンド パターン。ビューの構築、インタラクティブ機能の追加、コンポーネントのスタイル設定を行うとき、またはユーザーが Slim、Stimulus、JavaScript、CSS、またはフロントエンド開発について言及するときに使用します。
コマンドラインで frontend-patterns AI スキルを開発環境にすばやくインストール
ソース: rolemodel/rolemodel-skills。
Rule of thumb: If it's primarily conditional text/classes in a single element, use a helper. If it's a structure/layout, use a partial.
Conditional class names Use the rails classnames helper to manage conditional class names in Slim templates.
Overview Always use Simple Form for forms. Never use formwith, formfor, or Rails form helpers directly.
Slim テンプレート、Stimulus JavaScript フレームワーク、光学ユーティリティを備えた CSS を使用した Rails アプリケーションのフロントエンド パターン。ビューの構築、インタラクティブ機能の追加、コンポーネントのスタイル設定を行うとき、またはユーザーが Slim、Stimulus、JavaScript、CSS、またはフロントエンド開発について言及するときに使用します。 ソース: rolemodel/rolemodel-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patternsSlim テンプレート、Stimulus JavaScript フレームワーク、光学ユーティリティを備えた CSS を使用した Rails アプリケーションのフロントエンド パターン。ビューの構築、インタラクティブ機能の追加、コンポーネントのスタイル設定を行うとき、またはユーザーが Slim、Stimulus、JavaScript、CSS、またはフロントエンド開発について言及するときに使用します。 ソース: rolemodel/rolemodel-skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill frontend-patterns インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/rolemodel/rolemodel-skills