フロントエンドフレームワーク

React、Vue、Angularなどのフロントエンドフレームワークのルール

Angular (Novo Elements)

スタンドアロンコンポーネントを使用したAngularとNovo Elementsの統合に関する包括的なガイドとルール。クリーンで保守性が高く、効率的なコードを実現します。
Angular
Novo Elements
スタンドアロンコンポーネント

Angular (TypeScript)

TypeScript、Angular 18、Jestを使用した専門的なAngularプログラミング。明確で読みやすく、保守性の高いコードに焦点を当てています。
TypeScript
Angular
Jest

Astro (TypeScript)

TypeScriptとTailwindCSSを使用したAstroプロジェクトの開発と保守のための包括的なガイドライン。
TypeScript
Astro
TailwindCSS

Cursor AI (React, TypeScript, shadcn/ui)

ReactとTypeScriptを専門とし、shadcn/uiを活用した最新のUI開発を行う高度なAIプログラミングアシスタント。最新技術とベストプラクティスを使用して、クリーンで保守性が高く、高性能なコードを保証します。
React
TypeScript
shadcn/ui

Next.js 15 (React 19, Vercel AI, Tailwind)

Next.js 15、React 19、Vercel AI SDK、Tailwind CSSを使用した最新のWebアプリケーション構築のための包括的なガイドとベストプラクティス。TypeScript、Shadcn UI、Radix UI、パフォーマンス最適化戦略を含みます。
React 19
Next.js 15
Vercel AI

Next.js 14 (Tailwind, SEO)

Next.js 14、Tailwind CSS、TypeScriptを使用した最新のSEO最適化Webアプリケーション構築のための包括的なガイドとコード生成ルール。サーバーサイドレンダリング、レスポンシブデザイン、パフォーマンス最適化のベストプラクティスを含みます。
Next.js
Tailwind CSS
SEO

Next.js (React, Tailwind)

Next.js、React、Tailwind CSS、Shadcn UIを使用した最新のWebアプリケーション開発のための包括的なガイドとルール。TypeScript、関数型プログラミング、パフォーマンス最適化を重視した設定です。
Next.js
React
Tailwind CSS

Next.js (React, TypeScript)

Next.js、React、TypeScriptを使用した開発のための包括的なガイド。ベストプラクティス、パフォーマンス最適化、最新のWeb開発技術に焦点を当てています。
React
TypeScript
Next.js

Next.js (SEO開発)

Next.jsプロジェクトのSEO最適化のための包括的なガイド。ベストプラクティス、コーディング規約、パフォーマンスのヒントを含みます。
SEO
Next.js
Web開発

Next.js (Supabase Todoアプリ)

Next.jsとSupabaseを使用したTodoアプリケーション構築のための包括的なガイドと仕様。バックエンドサービスにSupabase、サーバーサイドレンダリングにNext.js、スタイリングにTailwind CSSを活用します。
Next.js
Supabase
Todoアプリ

Next.js (Tailwind, TypeScript)

Tailwind CSSによるスタイリングとTypeScriptによる型安全性を備えたNext.jsアプリケーション開発のための包括的なガイドとルール。最新で効率的、スケーラブルなWeb開発環境を保証します。
Next.js
Tailwind CSS
TypeScript

Next.js (TypeScriptアプリ)

Autonomysネットワーク用のNext.jsとTypeScriptベースのブロックエクスプローラー「Astral」。状態管理、UIコンポーネント、データフェッチライブラリを統合しています。
Next.js
TypeScript
ブロックエクスプローラー

Next.js (TypeScript)

TypeScriptを使用したNext.jsによるフルスタックアプリケーション構築のための包括的なガイド。最新のUIライブラリの統合、パフォーマンスとスケーラビリティの最適化を含みます。
TypeScript
Next.js
React

Next.js (TypeScript, Tailwind)

Autonomysネットワーク用のブロックエクスプローラー「Astral」。Next.js、TypeScript、Tailwind CSSで構築され、ブロックチェーンデータを探索するためのレスポンシブでアクセシブルなインターフェースを提供します。状態管理、UIコンポーネント、データフェッチのための高度なライブラリを統合しています。
TypeScript
Tailwind
Next.js

Next.js (Vercel, Supabase)

BA Copilotは、ビジネスアナリストがBPMNダイアグラムの作成、修正、反復を支援するAIアシスタントです。アップロードされたドキュメントとユーザークエリを活用し、コンテキストに基づいた提案を提供します。Next.js、Vercel、Supabaseで構築され、ビジネスプロセスモデリングとドキュメント作成のためのシームレスなワークフローを実現します。
Next.js
Vercel
Supabase

Next.js (Vercel, TypeScript)

TypeScript、Tailwind CSS、Shadcn UIを使用したNext.jsプロジェクトで、AI SDK RSCとVercelミドルウェア、KVデータベースを統合するための包括的なガイド。
Next.js
Vercel
TypeScript

Next.js (App Router)

Next.js App Routerプロジェクトのベストプラクティスを実装するための包括的なガイドとルール。フォルダ構造、コーディング規約、パフォーマンス最適化を含みます。
Next.js
App Router
React

Next.js (Material UI, Tailwind CSS)

Next.jsで構築された最新のポートフォリオプロジェクト。Material UI、Tailwind CSS、Shadcn/UIを採用し、レスポンシブで視覚的に魅力的なデザインを実現。TypeScript、App Router、構造化された`src/`ディレクトリをサポートし、より良い組織化を実現します。
Next.js
Material UI
Tailwind CSS

Qwik (TypeScriptとViteによる基本セットアップ)

Qwik.jsをTypeScriptとViteでセットアップするための包括的なガイド。ベストプラクティス、フォルダ構造、パフォーマンス最適化のヒントを含みます。
Qwik.js
TypeScript
Vite

Qwik (Tailwind CSS)

QwikアプリケーションをTailwind CSS、TypeScript、Viteで開発するための包括的なガイドとルールセット。ベストプラクティス、フォルダ構造、最適な開発のための追加手順を含みます。
Qwik
Tailwind CSS
TypeScript

Reactコンポーネント作成

Reactコンポーネントを作成するための包括的なガイドライン。ベストプラクティス、コンポーネント構造、Tailwind CSSとTypeScriptとの統合を含みます。
React
TypeScript
Tailwind CSS

React (Next.js UI開発)

ReactとNext.jsのUI開発を専門とするAIプログラミングアシスタント。ブラウザ用の明確で読みやすく効率的なJavaScriptコードの生成に焦点を当てています。最新バージョンの人気フレームワークとライブラリを活用し、正確で事実に基づいた、思慮深い回答を提供します。
Next.js
React
UI開発

React (TypeScript, Next.js, Node.js)

TypeScript、Next.js、Node.jsを使用したReactアプリケーション開発のための包括的なガイドラインとベストプラクティス。コーディング規約、推奨ライブラリ、ファイル構造、パフォーマンス最適化、テスト要件、エラー処理を含みます。
TypeScript
Next.js
Node.js

React (TypeScript, Symfony)

React、TypeScript、Symfonyを使用したフルスタック開発のための包括的なガイド。ベストプラクティス、コーディング規約、パフォーマンス最適化技術を学びます。
TypeScript
Symfony
React

Solid.js (基本セットアップ)

Solid.jsプロジェクトのセットアップと最適化のための詳細ガイド。ベストプラクティス、フォルダ構造、パフォーマンスのヒントを含みます。
Solid.js
セットアップ
ベストプラクティス

Solid.js (TypeScript)

TypeScriptを使用したSolid.jsプロジェクトのための包括的な.cursorrules。ベストプラクティス、フォルダ構造、コーディング規約を含みます。
TypeScript
Solid.js
関数型コンポーネント

Solid.js (Tailwind CSS)

Solid.jsとTailwind CSSを統合するためのベストプラクティスとルール。コンポーネント構造、スタイリング、パフォーマンス最適化を含みます。
Solid.js
Tailwind CSS
フロントエンド開発

Svelte 5 vs Svelte 4

Svelte 5とSvelte 4の包括的な比較。新機能、構文の変更、開発者のための移行戦略を強調しています。
Svelte
Svelte 5
Svelte 4

SvelteKit (RESTful API, Tailwind CSS)

RESTful API、SupabaseによるPostgreSQLデータベース、Tailwind CSSによるスタイリングを備えた最新のSvelteKitベースのWebアプリケーション。Vercelにデプロイされ、Supabase Authによる認証機能を実装しています。
SvelteKit
RESTful API
Tailwind CSS

SvelteKit (Tailwind CSS, TypeScript)

Tailwind CSSによるスタイリングとTypeScriptによる型安全性を活用したSvelteKitプロジェクトの包括的なガイドとコーディング規約。シンプルさ、可読性、パフォーマンス、保守性、テスト容易性、再利用性を重視しています。
SvelteKit
Tailwind CSS
TypeScript

SvelteKit (TypeScriptガイド)

SvelteKit、TypeScript、Supabase、Drizzleを使用した最新のWebアプリケーション構築の包括的ガイド。状態管理、ルーティング、パフォーマンス最適化、国際化などのベストプラクティスを学べます。
SvelteKit
TypeScript
Supabase

Vue 3 (Nuxt 3開発)

Vue 3とNuxt 3を使用した開発の包括的なガイドライン。ベストプラクティス、パフォーマンス、保守性に焦点を当てています。
Vue 3
Nuxt 3
JavaScript

Vue 3 (Composition API)

Vue 3 Composition APIのベストプラクティス、プロジェクト構造、スケーラブルで保守可能なVue 3アプリケーション構築のための追加指示を含む包括的ガイド。
Vue 3
Composition API
TypeScript

Next.js、Supabase、Shadcn PWAプロジェクト開発ルール

Next.js、Supabase、Shadcn PWAプロジェクトの様々な側面をカバーするルール。簡潔で型安全なコードの記述、関数型プログラミングの使用、命名規則の遵守などのコード品質とスタイルガイドラインを含みます。ビルドノートのルールには、場所、命名、コンテンツ構造、更新時間、スタイル、完了または非推奨ノートの処理が含まれます。コンテキストファイルルールは、マスターと追加コンテキストファイルの目的、更新条件、変更管理を指定します。プロジェクトには、スタックとフレームワークの使用、モノレポ構造、ツーリングに関する要件もあります。
Next.js
Supabase
Shadcn

HTML、Tailwind CSS、Vanilla JavaScriptコーディングルール

最新バージョンのHTML、Tailwind CSS、Vanilla JavaScriptを使用したプログラミングのルール。ユーザーのニーズに正確に従う、正確なコードの提供、可読性の重視などの要件を含みます。
HTML
Tailwind CSS
JavaScript

情報不足ルール

特定のルールを生成するための十分な情報が提供されていません。関連ファイルの内容が不足しています。
vue
nuxt
typescript

Next.js Best Practices

このドキュメントは、Next.jsアプリケーションの開発におけるベストプラクティスを概説しています。コードの組織化、パフォーマンス最適化、セキュリティ、テスト戦略、および避けるべき一般的な落とし穴に焦点を当てています。これらのガイドラインに従うことで、堅牢で拡張可能かつ保守可能なアプリケーションを構築することができます。
Next.js
フロントエンド開発
コード組織化

Vue.js Best Practices and Coding Standards

このドキュメントは、Vue.js開発のベストプラクティスを概説しており、コードの組織化、パターン、パフォーマンス、セキュリティ、テスト、一般的な落とし穴、ツールなどの面をカバーし、高品質で保守可能でパフォーマンスの良いコードを確保します。
Vue.js
フロントエンド開発
コーディング標準

Netlify Library Best Practices and Coding Standards

このドキュメントは、Netlifyを使用したアプリケーション開発のベストプラクティスを詳述しています。コードの組織化、パフォーマンス、セキュリティ、テスト、デプロイメントなどが含まれます。たとえば、特定のディレクトリ構造を提案し、JAMstackなどのデザインパターンを使用し、コード分割によるパフォーマンス最適化や、入力検証やAPI通信のHTTPS化などのセキュリティ対策を実装することが挙げられます。
Netlify
フロントエンド開発
コード組織

jQuery Best Practices A Comprehensive Guide

このガイドは、jQuery開発のベストプラクティスを詳細に説明しています。コードの組織化、一般的なパターン、パフォーマンス最適化、セキュリティ、テスト、ツールの使用などの面をカバーしています。ディレクトリ構造、デザインパターン、セレクタの最適化などのアドバイスを提供し、コードの品質、パフォーマンス、保守性を確保することを目的としています。
JavaScript
DOM
ライブラリ

Ant Design React App Development Best Practices

このドキュメントは、Ant Design を使用した React アプリケーションの開発に関するベストプラクティスを提供しています。コードの組織化、パターン、パフォーマンス、セキュリティ、テストなどの面をカバーしています。例えば、バンドルサイズを減らすためのモジュール化インポートや、コンポーネントのオンデマンドロードのための React.lazy の使用を提案しています。また、入力検証や認証などのセキュリティ対策や、さまざまなレベルのテスト方法も紹介しています。
Ant Design
React
フロントエンド開発

Nuxt.js Development Best Practices

これらのルールはNuxt.js開発に焦点を当てています。ESLintの有効化、モジュールの採用、規則の遵守、パフォーマンスの最適化などをカバーしています。また、セキュリティ、テスト、一般的な間違いの回避も含まれています。適切なコードの組織化、コンポーネント設計、状態管理により、堅牢で保守可能なNuxt.jsアプリを構築できます。
Nuxt.js
フロントエンド開発
ESLint

CodeMirror Best Practices and Coding Standards

このドキュメントは、CodeMirrorを使用したテキストエディタやコード関連アプリケーションの開発におけるベストプラクティスとコーディング標準を示しています。コードの組織、設計パターン、パフォーマンス最適化、セキュリティ、テストなどの面をカバーしています。これらのガイドラインに従うことで、コードの保守性、パフォーマンス、ユーザー体験を向上させることができます。
CodeMirror
フロントエンド開発
コーディング標準

Angular Best Practices and Coding Standards

このドキュメントは、Angularアプリケーション開発の包括的なベストプラクティスとコーディング標準を提供します。コードの組織化、一般的なパターン、パフォーマンス、セキュリティ、テスト、ツールの使用などの分野をカバーしています。ディレクトリ構造、デザインパターン、アンチパターンの回避方法、最適化、セキュリティ、テストの戦略などが詳細に説明されています。これらのガイドラインに従うことで、堅牢で保守可能なアプリケーションを構築できます。
Angular
フロントエンド開発
コーディング標準

Chakra UI Development Rules

これらのルールは、Chakra UI開発の様々な側面をカバーしています。アクセシビリティ、プロップベースのスタイリング、テーマ管理、モジュール化コンポーネント、レスポンシブデザインなどが含まれます。また、コードの組織化、テスト、パフォーマンス、セキュリティ、一般的な落とし穴についてもガイダンスを提供しています。開発に必要なツールと環境のセットアップも詳細に説明されています。
Chakra UI
フロントエンド開発
アクセシビリティ

Shadcn UI Best Practices

このドキュメントは、Shadcn UIを使った開発のベストプラクティスを詳述しています。コードの組織化、一般的なパターン、パフォーマンス、セキュリティ、テスト、落とし穴、ツールの使用などが含まれます。コードについては、適切なディレクトリとファイルの命名、コード分割を提案しています。また、状態管理、セキュリティ脆弱性の対処、さまざまなテスト戦略に関するアドバイスも提供しています。
Shadcn UI
フロントエンド開発
React

React-Redux Best Practices

このドキュメントは、Redux を状態管理に使用する React アプリケーションの開発におけるベストプラクティスを詳述しています。コードの組織化、デザインパターン、パフォーマンス、セキュリティ、テスト、ツールの使用などが含まれます。例えば、機能ベースのディレクトリ構造の使用、セレクターの利用、メモ化技術の適用が推奨されています。また、状態の直接変更やグローバル状態の過度な依存などのアンチパターンを避けるように注意を促しています。
React
Redux
ベストプラクティス

react-query Best Practices

このドキュメントは、Reactアプリケーションでreact - queryを使用するためのベストプラクティスを詳述しています。コードの組織化、共通パターン、パフォーマンス、セキュリティ、テスト、落とし穴、ツールなどの面をカバーしています。例えば、機能ベースのディレクトリ構造、データ取得用のカスタムフックの使用、入力検証やAPI通信でのHTTPSの実装などのセキュリティ対策が挙げられます。
react-query
React
フロントエンド

Material-UI/MUI Best Practices and Coding Standards

このドキュメントは、Material - UIを使用したReactアプリケーションの開発に関するベストプラクティスを提供します。コードの組織化、命名規則、一般的なパターン、パフォーマンス、セキュリティ、テスト、ツールなどが含まれています。これらのガイドラインに従うことで、保守可能で拡張性があり、パフォーマンスが高く、セキュアなアプリケーションを作成できます。
Material-UI
React
フロントエンド開発

Axios Development Rules

これらのルールは、開発における Axios の使用の様々な側面をカバーしています。コードの組織化(ディレクトリ構造や命名規則)、共通のパターン(シングルトン、アダプター、ファクトリーパターン)、パフォーマンス最適化(キャッシュやリクエストデバウンス)、セキュリティのベストプラクティス(XSS や CSRF 攻撃の防止)、テスト方法(ユニットテストや統合テスト)などが含まれます。URL のハードコーディングを避け、エラーを適切に処理します。
Axios
API開発
HTTPリクエスト

包括的なCursorルールコレクションを探索