AI 支援開発の HTML および CSS のガードレール、パターン、ベスト プラクティス。 HTML/CSS ファイル (.html、.css、.scss、.less) を操作する場合、またはユーザーが HTML/CSS について言及する場合に使用します。 セマンティック HTML ガイドライン、アクセシビリティ標準、最新の CSS パターンを提供します。 このプロジェクトのコーディング標準に固有のレスポンシブ デザイン規約。
コマンドラインで html-css-guide AI スキルを開発環境にすばやくインストール
ソース: ar4mirez/samuel。
Applies to: HTML5, CSS3, SCSS/LESS, Responsive Design, WCAG 2.1 AA
Use CSS Grid for page layouts with rows and columns; use Flexbox for single-axis alignment.
For detailed layout examples, accessibility patterns, and modern CSS features, see:
AI 支援開発の HTML および CSS のガードレール、パターン、ベスト プラクティス。 HTML/CSS ファイル (.html、.css、.scss、.less) を操作する場合、またはユーザーが HTML/CSS について言及する場合に使用します。 セマンティック HTML ガイドライン、アクセシビリティ標準、最新の CSS パターンを提供します。 このプロジェクトのコーディング標準に固有のレスポンシブ デザイン規約。 ソース: ar4mirez/samuel。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/ar4mirez/samuel --skill html-css-guideAI 支援開発の HTML および CSS のガードレール、パターン、ベスト プラクティス。 HTML/CSS ファイル (.html、.css、.scss、.less) を操作する場合、またはユーザーが HTML/CSS について言及する場合に使用します。 セマンティック HTML ガイドライン、アクセシビリティ標準、最新の CSS パターンを提供します。 このプロジェクトのコーディング標準に固有のレスポンシブ デザイン規約。 ソース: ar4mirez/samuel。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ar4mirez/samuel --skill html-css-guide インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/ar4mirez/samuel