Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 50/100

web-design-guidelines

Name: web-design-guidelines
Author: davila7

UIコードをWebインターフェースガイドラインに基づいてレビューします。「UIを確認して」「アクセシビリティをチェックして」「デザインを監査して」「UXをレビューして」「ベストプラクティスに照らしてサイトを確認して」といった依頼があった際に使用します。

description の原文を見る

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

SKILL.md 本文

Web Interface Guidelines

Web Interface Guidelines への準拠状況についてファイルをレビューします。

動作方法

下記のソース URL から最新のガイドラインを取得
指定されたファイル (またはパターン) を読み込む (必要に応じてユーザーに入力を促す)
取得したガイドラインのすべてのルールに対して確認
結果を簡潔な file:line 形式で出力

ガイドラインのソース

各レビューの前に新しいガイドラインを取得します:

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md

WebFetch を使用して最新のルールを取得します。取得したコンテンツには、すべてのルールと出力形式の指示が含まれています。

使用方法

ユーザーがファイルまたはパターン引数を指定する場合:

上記のソース URL からガイドラインを取得
指定されたファイルを読み込む
取得したガイドラインのすべてのルールを適用
ガイドラインで指定されている形式を使用して結果を出力

ファイルが指定されていない場合は、レビューするファイルについてユーザーに尋ねます。

ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ

詳細情報

作者: davila7
リポジトリ: davila7/claude-code-templates
ライセンス: MIT
最終更新: 不明

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/davila7/claude-code-templates / ライセンス: MIT

関連スキル

汎用ソフトウェア開発⭐ リポ 39,967

doubt-driven-development

重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。

by addyosmani

汎用ソフトウェア開発⭐ リポ 1,175

TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理（非同期ジェネレータを含む）、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。

by yysun

OpenAIソフトウェア開発⭐ リポ 797

desloppify

コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。

by Git-on-my-level

汎用ソフトウェア開発⭐ リポ 39,967