React、Vue、CSS、アニメーション、コンポーネントライブラリ、パフォーマンス最適化など
by @anthropics
卓越したユーザーエクスペリエンスと高性能なインターフェースを確保するため、ユニークで本番環境に対応するフロントエンドインターフェースの設計と開発を指導・実装します。
by @deckardger
TanStack Query、Router、およびStartのベストプラクティスガイド。
by @nickcrew
メモ化やコンテキストなどのパターンを使用してReactアプリケーションのパフォーマンスを最適化し、フロントエンドのユーザーエクスペリエンスを向上させます。
by @enzed
React Three Fiberにおけるジオメトリの作成と管理に特化し、組み込み形状とBufferGeometryを使用した3Dモデルの構築を含みます。
by @mindrally
Vue.jsとTypeScriptで高性能アプリケーションを構築するためのベストプラクティス。
by @greensock
GSAPタイムラインの専門家。多段階のシーケンスアニメーションと並行アニメーションを調整し、キーフレーム式の複雑なアニメーション編成を実現します。
by @heroui-inc
HeroUI NativeはReact Native専用に設計されたコンポーネントライブラリで、Tailwind CSSと組み合わせて豊富なUIコンポーネントを提供し、モバイルアプリ開発を加速します。
by @clerk
ClerkフロントエンドのカスタムUI開発を習得し、AIスキルを活用してClerkインターフェースを強化し、パーソナライズされたユーザー体験とブランドの一貫性を提供します。
by @laguagu
Next.jsアプリケーションのSEO最適化ガイドラインを提供し、開発者が検索エンジンに優しいNext.jsプロジェクトを構築するのを支援します。
by @vercel-labs
VercelがメンテナンスするReactおよびNext.jsアプリケーションのパフォーマンス最適化ガイド。8つのカテゴリと62のルールを含み、開発者が高性能なフロントエンドアプリケーションを構築するのを支援します。
UIコードがウェブインターフェースデザインガイドラインに準拠しているかレビューし、アクセシビリティ、デザイン、ユーザーエクスペリエンスをチェックして、インターフェースの品質と標準を確保します。
AIエージェント向けにブラウザ自動化コマンドラインツールを提供します。ウェブナビゲーション、フォーム入力、ボタンクリック、スクリーンショットなどの操作をサポートし、ウェブサイトとのインタラクションを実現します。
by @inferen-sh
フロントエンドツールユーザーインターフェース開発に特化し、APIを通じてAgentに様々なツールを統合・表示する機能を提供し、作業効率を向上させます。
by @supercent-io
このスキルはフロントエンドの状態管理に使用され、グローバルな状態共有、Props Drillingの問題、複雑な状態ロジック、パフォーマンス最適化、テスト要件を解決し、アプリケーションのデータフローを明確にします。
by @existential-birds
React Router v7のベストプラクティス（ルーター設定を含む）のクイックリファレンスを提供します。
by @analogjs
Angular v20+でカスタムディレクティブを作成し、DOM要素のきめ細かな操作と動作拡張を実現する方法を教えます。
by @hairyf
Next.jsフレームワークに基づき、App Routerを利用して高性能なReactアプリケーションを構築し、サーバーサイドレンダリングと静的生成をサポートし、フロントエンド開発体験を最適化します。
React Three Fiberに基づき3Dアニメーションを実装。useFrame、useAnimationsなどのフックを活用し、滑らかで表現豊かなウェブ3Dモーションエフェクトを作成します。
by @softaworks
React useEffect公式ドキュメントのベストプラクティスを提供し、useEffect、useState、データ取得、状態同期の記述/レビューに活用します。
Tailwind CSS v4のベストプラクティスとクイックリファレンスを提供し、Viteプラグインの構成設定を含みます。
by @jeffallan
Angular 17+のスタンドアロンコンポーネントを生成し、高度な機能を構成することで、フロントエンド開発者が最新の高性能Webアプリケーションを迅速に構築できるよう支援します。
Angular v20+で@angular/ssrを使用してサーバーサイドレンダリングとハイドレーションを実装します。
Tailwind CSS v4とReact Ariaに基づいたHeroUI v3 Reactコンポーネントライブラリ。
by @gocallum
Next.jsプロジェクトでAuth.js v5を使用したユーザー認証の設定を支援し、Googleなどの様々なIDプロバイダーをサポートします。
by @jezweb
TanStack Tableライブラリを使用して、フロントエンドで高性能かつカスタマイズ可能なデータテーブルを構築するスキルを習得し、複雑なデータ表示、ソート、フィルタリング、ページネーション機能をサポートしてユーザーインタラクションを向上させます。
by @assistant-ui
ツールUIスキル。リクエストからツールUIへの統合を迅速に実現するために使用され、既存のチャットUI/ランタイムがない場合はassistant-uiを優先します。
by @martinholovsky
GSAPライブラリを活用してJARVIS HUDインターフェースにスムーズなアニメーション遷移と視覚効果を実装し、ユーザー体験を向上させます。
by @josiahsiegel
このスキルはTailwind CSSの高度なレイアウトパターンを提供し、開発者がTailwind CSSを使用して複雑でレスポンシブなユーザーインターフェースを構築するのを支援します。
by @alinaqi
プログレッシブウェブアプリ（PWA）開発に特化し、Service Workerとキャッシュ戦略をカバーしてユーザーエクスペリエンスを向上させます。
by @spences10
Svelte Runesのクイックスタートガイドを提供し、$props、$bindable、$derived、$effect、$stateなどのコアコンセプトを網羅します。
by @remotion-dev
Remotionドキュメントにインタラクティブなコンポーネントデモを埋め込み、リアルタイムプレビューと再生制御をサポートし、ユーザーがAPIの使用法を直感的に理解できるようにします。
by @sickn33
ウェブサイトとウェブアプリケーションのパフォーマンス（読み込み速度とCore Web Vitalsを含む）を最適化し、効率と自動化能力を向上させるAIエージェントスキルです。
by @remix-run
React Routerのデータモードを利用してReactアプリケーションを構築し、データロードと管理を最適化し、ユーザーエクスペリエンスとパフォーマンスを向上させます。
by @affaan-m
SSR、ハイブリッドレンダリング、ルーティングルール、またはページレベルのデータ取得を持つNuxt 4アプリケーションを構築またはデバッグする。
by @secondsky
Next.jsアプリケーション向けに設計されたプレミアムReactコンポーネントライブラリであるAceternity UIに特化し、100以上の美しいアニメーションとインタラクティブなコンポーネントを提供し、プロダクションレベルのインターフェース構築を支援します。
Python Playwrightフレームワークを使用してローカルWebアプリケーションの包括的なテストを実施し、機能の完全性、安定性、ユーザーエクスペリエンスを確保します。
フロントエンドチャットUI開発に特化し、APIを通じてAgentにインタラクション機能を提供し、ユーザーフレンドリーな対話体験を構築します。
Angular v20+アプリケーションで単体テストと統合テストを作成する方法を指導し、コード品質とアプリケーションの安定性を確保します。
Tiptapリッチテキストエディタの統合とカスタマイズを習得し、Webアプリケーションに強力で柔軟なテキスト編集機能を提供し、多様なコンテンツ形式と共同編集シナリオをサポートします。
by @cloudai-x
Three.jsにおけるGLTFモデル、テクスチャ、画像など様々な3Dアセットの読み込み方法を習得し、非同期リソース管理を実現します。
by @bbeierle12
GSAP ScrollTriggerプラグインを利用してスクロールベースのアニメーション効果を作成し、フロントエンドページに生き生きとした興味深いインタラクティブ体験を追加します。
by @eng0ai
GSAPスクロールアニメーションとReact 19を使用してSPYLT製品ランディングページを構築し、スムーズなインタラクティブ体験を実現します。
by @lombiq
Tailwind CSS v4の包括的なドキュメントスナップショットとワークフローガイダンスを提供し、質問への回答と設定に利用できます。
React Three Fiberにおけるマテリアル適用に特化。PBRマテリアルやDreiマテリアルを含み、3Dシーンにリアルな視覚効果を与えます。
Hooks、コンポーネント合成、性能最適化など、現代のReact開発パターンと原則に精通し、効率的なフロントエンドアプリケーションを構築。
GSAPコアアニメーションエンジンの専門家。トゥイーンアニメーション、イージング関数、スタッガードアニメーション、タイムライン制御を扱います。
Vue 3のComposition APIパターンを使用してフロントエンドコンポーネントを構築し、効率的で保守性の高いUI開発を実現します。
フロントエンドのスキーマ、ディレクトリ、AIプロンプト生成を定義するためのコアパッケージであり、作業効率と自動化能力を向上させます。
Electronの基本的な開発能力を備え、Web技術を利用してクロスプラットフォームのデスクトップアプリケーションを構築し、フロントエンド技術スタックをデスクトップに適用・拡張します。
by @oxc-project
JavaScript/TypeScriptプロジェクトをESLintから高性能なOxlintへ移行させ、コードリンティングを実現するよう指導します。