css-coder
✓Web 標準、アクセシビリティ、パフォーマンスに重点を置いた CSS オーサリング ガイダンス。 CSS を作成、レビュー、またはリファクタリングするときに使用します。フレームワーク、セマンティック構造、保守可能なコードよりもネイティブ CSS を優先するパターン、スニペット、規約を提供します。特定のパターンとスニペットについては、references/patterns.md を参照してください。
SKILL.md
Guidance for writing CSS that prioritizes web standards, accessibility, performance, and maintainability.
This file will grow as patterns are added. If a needed pattern doesn't exist, suggest one aligned with the core principles.
Web 標準、アクセシビリティ、パフォーマンスに重点を置いた CSS オーサリング ガイダンス。 CSS を作成、レビュー、またはリファクタリングするときに使用します。フレームワーク、セマンティック構造、保守可能なコードよりもネイティブ CSS を優先するパターン、スニペット、規約を提供します。特定のパターンとスニペットについては、references/patterns.md を参照してください。 ソース: schalkneethling/webdev-agent-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-coder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-coder- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
css-coder とは?
Web 標準、アクセシビリティ、パフォーマンスに重点を置いた CSS オーサリング ガイダンス。 CSS を作成、レビュー、またはリファクタリングするときに使用します。フレームワーク、セマンティック構造、保守可能なコードよりもネイティブ CSS を優先するパターン、スニペット、規約を提供します。特定のパターンとスニペットについては、references/patterns.md を参照してください。 ソース: schalkneethling/webdev-agent-skills。
css-coder のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill css-coder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/schalkneethling/webdev-agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01