Communitygithub.com

layered-ai-public/layered-ui-rails

Tailwind CSS ベースのオープンソース Rails 8+ エンジン。カスタマイズ可能な WCAG 2.2 AA 準拠のデザイントークン、ユーティリティクラス、テーマ切り替え、モバイルナビゲーション、スライドアウトパネル、モーダル、タブ用の Stimulus コントローラーを提供します。Devise、Pagy、Ransack などの既存の Gem と統合可能。AI コーディングツール用のエージェントスキル付き。

layered-ui-rails とは?

layered-ui-rails は、Rails 8+ アプリケーション向けのオープンソースエンジンで、Tailwind CSS をベースに構築されています。このスキルを AI エージェント(Claude Code、Cursor など)と組み合わせることで、アクセシビリティ基準(WCAG 2.2 AA)に準拠した UI コンポーネントを迅速に実装できます。主な機能には、テーマ切り替え、モバイルナビゲーション、スライドアウトパネル、モーダル、タブなどのための Stimulus コントローラーが含まれ、Devise(認証)、Pagy(ページネーション)、Ransack(検索)などの人気 Gem とシームレスに連携します。このスキルを使用することで、開発者は AI エージェントに対して、アクセシブルでカスタマイズ可能な UI 要素を生成するよう指示でき、生産性を大幅に向上させることができます。

対応~Claude Code~Codex CLI~Cursor
npx skills add layered-ai-public/layered-ui-rails

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

layered-ui-rails は何をしますか?

Tailwind CSS ベースのオープンソース Rails 8+ エンジン。カスタマイズ可能な WCAG 2.2 AA 準拠のデザイントークン、ユーティリティクラス、テーマ切り替え、モバイルナビゲーション、スライドアウトパネル、モーダル、タブ用の Stimulus コントローラーを提供します。Devise、Pagy、Ransack などの既存の Gem と統合可能。AI コーディングツール用のエージェントスキル付き。

関連スキル