vercel-labs

Claudeは確立されたWebデザインガイドラインに対してUIコードを自動的にレビューし、デプロイ前にアクセシビリティの問題、ユーザビリティの問題、ベストプラクティス違反を検出できます。このスキルは最新のガイドラインを取得し、、改善点を特定するための静的解析を実行します。

パフォーマンスの高い React Native アプリを構築するには、リスト、アニメーション、状態管理に対してプラットフォーム固有のパターンに従う必要があります。このスキルは、最適化されたモバイル開発のための 35 以上の AI エージェントのルールを提供します。

Reactアプリケーションは、不要な再レンダリング、巨大なバンドルサイズ、連続的なデータフェッチのウォーターフォールなど、パフォーマンス問題を引き起こしやすいです。このスキルは、Vercel Engineeringの45の優先付きルールを提供し、これらのボトルネックを解消し、高パフォーマンスなWebアプリケーションを構築します。

Reactコンポーネントでboolean propsを使用すると、メンテナンス不可能なコードが生まれます。このスキルは、compound components、stateの引き上げ、内部のコンポジションを使用してスケーラブルなコンポーネントアーキテクチャを作成するためのAI向けガイドラインを提供します。

ユーザーはClaude Code用の効果的なスキルを作成するためのガイダンスを必要としています。このスキルは、検証済みのベストプラクティスでスキルを構築、構造化、パッケージ化するための包括的なガイドを提供します。

Claude、Codex、および Claude Code 向けの AI スキル

Claude、Codex、および Claude Code 用の AI スキル

Next.js アプリケーションではデータの繰り返し取得が頻繁に行われるため、ページ読み込みが遅くなることがあります。Cache Components は Partial Prerendering とインテリジェントなキャッシュ戦略を有効にし、キャッシュされたコンテンツを即座に配信しながら動的パーツをストリーミングします。

Next.jsのパターンについて推測するのをやめて、スケール可能なコードを記述してください。このスキルは、ファイルの規約、React Server Components、データフェッチング、エラー処理、およびデプロイのベストプラクティスに関するVercelの権威あるガイダンスを提供します。

ユーザーはしばしば、タスクを支援するためにどのようなスキルが存在するかを知りません。このスキルは、オープンなエージェントエコシステムから関連する機能を発見し、シンプルなコマンドでインストールする方法をガイドします。

Web操作を手動で自動化するのは時間がかかり、ミスも起きやすいです。Agent-browserはブラウザ自動化のためのコマンドラインインターフェースを提供し、自動フォーム入力、スクリーンショット取得、Webスクレイピング、エンドツーエンドのテストワークフローを実現します。