·semantic-html
</>

semantic-html

schalkneethling/webdev-agent-skills

すべてのユーザーに役立つ、十分に考慮されたセマンティック HTML を作成します。コンポーネント、ページ構造を作成するとき、またはマークアップをレビューするときに使用します。 ARIA よりもネイティブ HTML 要素を強調します。適切な文書構造とアクセシビリティを後付けではなく基礎として扱います。

46インストール·3トレンド·@schalkneethling

インストール

$npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill semantic-html

SKILL.md

Write HTML that conveys meaning, serves all users, and respects the web platform.

Design content is idealized. Real content is messy. Always account for:

Build components that handle real-world content gracefully, not just what looks good in design tools.

すべてのユーザーに役立つ、十分に考慮されたセマンティック HTML を作成します。コンポーネント、ページ構造を作成するとき、またはマークアップをレビューするときに使用します。 ARIA よりもネイティブ HTML 要素を強調します。適切な文書構造とアクセシビリティを後付けではなく基礎として扱います。 ソース: schalkneethling/webdev-agent-skills。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/schalkneethling/webdev-agent-skills --skill semantic-html
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

semantic-html とは?

すべてのユーザーに役立つ、十分に考慮されたセマンティック HTML を作成します。コンポーネント、ページ構造を作成するとき、またはマークアップをレビューするときに使用します。 ARIA よりもネイティブ HTML 要素を強調します。適切な文書構造とアクセシビリティを後付けではなく基礎として扱います。 ソース: schalkneethling/webdev-agent-skills。

semantic-html のインストール方法は?

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

ソースリポジトリはどこですか?

https://github.com/schalkneethling/webdev-agent-skills