·optics-context
</>

optics-context

アプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。

13インストール·1トレンド·@rolemodel

インストール

$npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-context

optics-context のインストール方法

コマンドラインで optics-context AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/rolemodel/rolemodel-skills --skill optics-context
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from rolemodel/rolemodel-skills

クイックアンサー

optics-context とは?

アプリケーションのスタイリングには光学設計フレームワークを使用します。レイアウト、間隔、タイポグラフィ、色、コンポーネントに光学クラスを適用します。 CSS で作業したり、ビューをスタイル設定したり、デザイン システム ガイドラインを実装したりするときに使用します。 ソース: rolemodel/rolemodel-skills。

optics-context のインストール方法は?

ターミナルまたはコマンドラインツール(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