frontend css

SKILL.md

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend CSS.

For details, refer to the information provided in this file: frontend CSS

Tailwind ユーティリティ クラス、BEM 命名、CSS モジュール、またはスタイル付きコンポーネントを使用するかどうかにかかわらず、プロジェクトの確立された方法論に従って保守可能な CSS を作成します。このスキルは、CSS を使用して UI コンポーネントまたはページのスタイルを設定するとき、色と間隔のデザイン システム トークンを適用するとき、または CSS フレームワークを操作するときに使用します。ユーティリティ クラス、カスタム スタイル、またはレスポンシブ デザイン ルールを作成するとき。 .css、.scss、.module.css ファイル、または JSX/テンプレートのインライン スタイルを操作する場合。一貫したスタイルのためのデザイン トークンを確立または維持する場合。未使用のスタイルを削除またはツリーシェイクして実稼働ビルド用に CSS を最適化する場合。 ソース: coreyja/coreyja.com。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/coreyja/coreyja.com --skill frontend css インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る