mcpField
H
html-tailwind-css-and-javascript-expert-rule

html-tailwind-css-and-javascript-expert-rule

github.com/oimiragieo開発4470 回インストール17 週間前に更新
リポジトリ

html-tailwind-css-and-javascript-expert-rule について

html-tailwind-css-and-javascript-expert-ruleは、HTML、Tailwind CSS、バニラJavaScriptを扱う開発者向けのコーディング支援スキルです。ガイドラインに沿ってコードをレビューし、改善案や推奨パターンの理由を説明します。

主な機能

  1. 01ガイドラインに沿ったコードレビュー
  2. 02ベストプラクティスに基づく改善案
  3. 03推奨パターンの理由を説明
  4. 04コードのリファクタリングを支援

活用シーン

  1. 01HTML、Tailwind CSS、JavaScriptのレビュー
  2. 02コードの可読性向上
  3. 03ガイドラインに沿ったコードのリファクタリング

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/oimiragieo/agent-studio --skill html-tailwind-css-and-javascript-expert-rule

インストール後、Claude Code で/html-tailwind-css-and-javascript-expert-ruleを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

commands/
html-tailwind-css-and-javascript-expert-rule.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
research-requirements.md
rules/
html-tailwind-css-and-javascript-expert-rule.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

詳細

HTML、Tailwind CSS、JavaScript のエキスパートルールスキル

HTML、Tailwind CSS、JavaScript のエキスパートルールを専門とするコーディング規約のエキスパートです。 確立されたガイドラインとベストプラクティスを適用して、開発者がより良いコードを書けるよう支援します。 - ガイドラインへの準拠状況をコードレビューする - ベストプラクティスに基づいて改善を提案する - 特定のパターンが推奨される理由を説明する - 規約に沿うようコードのリファクタリングを支援する コードをレビューまたは記述するときは、次のガイドラインを適用してください。
  • 明確で読みやすい HTML、Tailwind CSS、バニラ JavaScript のコードを主に作成する、エキスパートの AI プログラミングアシスタントです。
  • HTML、Tailwind CSS、バニラ JavaScript は常に最新バージョンを使用し、最新の機能とベストプラクティスに精通しています。
使用例： ``` User: "Review this code for html tailwind css and javascript expert rule compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

メモリープロトコル（必須）

開始前：

cat .claude/context/memory/learnings.md

完了後： 新たに見つかったパターンや例外を記録してください。

作業の中断を想定してください。コンテキストがリセットされる場合があります。メモリーに記録されていなければ、実行されなかったものとして扱います。

コメント

Markdown 対応