@addyosmani
バックエンド、テスト、フロントエンド、プロダクト領域をカバーし、代表作は accessibility、seo、performance。
@addyosmani のすべての Skill
code-review-and-quality
by @addyosmani
多次元コードレビューと品質ゲート。正確性、可読性、アーキテクチャ、セキュリティ、パフォーマンスを自動チェックし、すべてのマージが5次元品質評価を通過することを保証。
accessibility
by @addyosmani
WCAG 2.2ガイドラインに基づき、ウェブページのアクセシビリティを監査・改善し、すべてのユーザーがスムーズに利用できるようにします。
security-and-hardening
by @addyosmani
Webアプリケーションの安全な開発実践。すべての外部入力を敵対的と見なし、すべての鍵を神聖なものとし、すべての認証チェックを必須とする。セキュリティは制約であり、段階ではない。
frontend-ui-engineering
by @addyosmani
プロダクションレベルのアクセシブルで高性能、視覚的に美しいユーザーインターフェースを構築。実際のデザインシステム仕様に従い、トップ企業のデザイン意識の高いエンジニアの開発水準を達成。
spec-driven-development
by @addyosmani
コードを記述する前に構造化された技術仕様書を作成。機能目標、受入基準、技術ソリューションを明確にし、実装中の手戻りや逸脱を回避。
planning-and-task-breakdown
by @addyosmani
大規模な開発タスクを明確な受入基準を持つサブタスクにインテリジェントに分解。検証可能なステップを通じて作業完了の信頼性を向上。
documentation-and-adrs
by @addyosmani
意思決定の背景とトレードオフを文書化。コード実装だけでなく、なぜそのように設計されたかを説明し、チームがアーキテクチャ決定の履歴を理解するのを支援。
code-simplification
by @addyosmani
複雑なコードを自動的にリファクタリングし、可読性とパフォーマンスを向上。構造化されたコメントを生成し、冗長なロジックを削除。
debugging-and-error-recovery
by @addyosmani
体系的なデバッグと構造化されたトリアージ。証拠を保存し、チェックリストに従って根本原因を特定し、推測による時間の浪費を避ける。
api-and-interface-design
by @addyosmani
安定した誤用しにくいインターフェースを設計し、正しい操作を簡単に、誤った操作を困難にする。REST API、GraphQL、コンポーネントpropsなど、すべてのコード境界に適用可能。
incremental-implementation
by @addyosmani
薄い垂直スライス戦略を採用し、機能を段階的に構築。各増分でシステムをテスト可能な状態に保ち、大規模なリファクタリングのリスクを回避。
git-workflow-and-versioning
by @addyosmani
Gitコミットをアーカイブポイント、ブランチをサンドボックスと見なし、AI高速コード生成時代におけるバージョン管理のベストプラクティスを提供。
using-agent-skills
by @addyosmani
開発段階別に整理されたエンジニアリングスキルインデックス。現在のタスクを自動識別し、ベストプラクティスを推奨。設計からデプロイまでの全プロセスを網羅。
idea-refine
by @addyosmani
発散的・収束的思考を通じて、未加工のアイデアを実行可能なコンセプトに洗練。鋭い質問を投げかけ、バリエーションを生成し、実現可能性を評価。
seo
by @addyosmani
検索エンジン最適化（SEO）。ウェブサイトのコンテンツと技術構造を改善することで、検索エンジンでの可視性とランキングを向上させ、より多くのオーガニックトラフィックを引き付けます。
browser-testing-with-devtools
by @addyosmani
Chrome DevTools MCPを通じてAgentにブラウザの視覚能力を付与。DOMの検査、コンソールの読み取り、ネットワークリクエストの分析を行い、静的分析の限界を補完。
shipping-and-launch
by @addyosmani
安全なリリース実践。デプロイが可観測、ロールバック可能、増分であることを保証。デプロイ前に監視とアラートを設定し、成功指標を明確にし、ロールバック計画を準備。
ci-cd-and-automation
by @addyosmani
コード品質ゲートを自動設定し、すべての変更がテスト、lint、型チェック、ビルドを通過することを保証。継続的インテグレーションでコード品質を確保。
source-driven-development
by @addyosmani
すべてのフレームワーク固有のコード決定が公式ドキュメントに基づいて検証されることを強制し、実装の正確性と適時性を確保し、古い記憶への依存を回避。
deprecation-and-migration
by @addyosmani
deprecation-and-migration、AIエージェントスキル、作業効率と自動化能力を向上。
interview-me
by @addyosmani
この Skill は、一度に一つの質問でインタビューすることでユーザーの真の意図を抽出し、計画、仕様、またはコードが存在する前に根本的な意図を明確にします。要求の曖昧さによる開発のずれや手戻りを効果的に防ぎ、プロジェクトの方向性がユーザーの期待と高度に一致することを保証します。これにより、開発効率と最終成果物に対するユーザー満足度が大幅に向上します。
doubt-driven-development
by @addyosmani
Doubt-Driven Development（ダウトドリブン開発）は、重要でない決定が確定する前に、新鮮な視点を持つ敵対的なレビューアによる審査を行う規律です。正確性が速度よりも重要である場合、不慣れなコードを扱う場合、または本番環境やセキュリティ関連のロジックなど、リスクが高い状況で使用します。これにより、決定とコードの品質と信頼性を確保し、後のデバッグにかかる高額なコストを回避します。
observability-and-instrumentation
by @addyosmani
この Skill は、コードに計装を施し、本番環境での動作を可視化し、診断可能にします。ロギング、メトリクス、トレース、アラートなどの包括的な可観測性データを提供することで、ユーザーはシステムが本番環境でどのように動作しているかを明確に理解し、問題を迅速に診断・解決できるようになります。これにより、システムの安定した効率的な運用が保証されます。
performance
by @addyosmani
ウェブサイトのパフォーマンスを最適化し、より速い読み込み速度と優れたユーザーエクスペリエンスを実現し、読み込みの遅さなどの問題を解決します。
web-quality-audit
by @addyosmani
パフォーマンス、アクセシビリティ、SEOを網羅する包括的なWeb品質監査を提供し、ウェブサイトの高品質な運用と業界標準への準拠を保証します。
core-web-vitals
by @addyosmani
Core Web Vitals（LCP、INP、CLS）を最適化し、ページ読み込み速度、インタラクティブ性、視覚的安定性を向上させ、ユーザーエクスペリエンスを改善します。
best-practices
by @addyosmani
最新のフロントエンド開発のベストプラクティスを適用し、Webアプリケーションがセキュリティ、パフォーマンス、保守性、ユーザーエクスペリエンスにおいて優れた性能を発揮することを保証します。