CSSとスタイリング

Tailwind CSSなどのCSSフレームワークとスタイリングソリューションのルール

Tailwind CSS (Next.jsガイド)

Tailwind CSSとNext.jsを使用した最新のWebアプリケーション開発の詳細ガイド。ベストプラクティス、パフォーマンス最適化、高度なTypeScriptテクニックを網羅しています。
Next.js
Tailwind CSS
TypeScript

Tailwind (React, Firebase)

Tailwind CSS、React、Firebaseを使用した高品質なモバイルファーストWebアプリケーション構築の包括的ガイドとベストプラクティス。デザイン、パフォーマンス、アクセシビリティ、Firebase統合のヒントを含みます。
React
Firebase
Tailwind CSS

Tailwind (shadcn/ui統合)

Next.jsプロジェクトでTailwind CSSとshadcn/uiを統合する包括的ガイド。ベストプラクティス、パフォーマンス最適化、保守性に焦点を当てています。
Tailwind CSS
shadcn/ui
Next.js

JavaScript (Astro, Tailwind CSS)

AstroとTailwind CSSを使用したスケーラブルで高性能なWebアプリケーション構築のベストプラクティスとガイドライン。
Astro
Tailwind CSS
JavaScript

React (Styled Components)

ベストプラクティス、フォルダ構造、コーディング規約を使用してStyled ComponentsでReactプロジェクトを最適化する方法。
React
Styled Components
CSS-in-JS

React (Chakra UI)

Chakra UIを使用したReactアプリケーション構築の包括的ガイド。ベストプラクティス、パフォーマンス最適化、保守可能なコード構造に焦点を当てています。
React
Chakra UI
TypeScript

Tailwind CSS Development Best Practices

これらのルールはTailwind CSSの効果的な使用に焦点を当てています。PurgeCSSの使用やテーマのカスタマイズなどの設定、モバイルファーストのデザイン、コンポーネントベースのアーキテクチャ、パフォーマンス最適化などの開発手法をカバーしています。また、セキュリティ、テスト、ツールの使用にも触れ、包括的なTailwind CSSプロジェクトを構築します。
Tailwind CSS
PurgeCSS
コンポーネントベース

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