optics-context とは?
アプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。 ソース: rolemodel/rolemodel-skills。
アプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。
コマンドラインで optics-context AI スキルを開発環境にすばやくインストール
ソース: rolemodel/rolemodel-skills。
Discovering Optics Classes When you need classes follow these steps:
Modifying Optics Classes When modifying Optics classes, follow these guidelines:
Fixing Optics Violations As CSS is created or modified, it's important to be looking for Optics violations. These would include:
アプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。 ソース: rolemodel/rolemodel-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-contextアプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。 ソース: rolemodel/rolemodel-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-context インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/rolemodel/rolemodel-skills