Cursor Design

Cursor プロトタイピング用 Next.js + Tailwind スターター

Cursor でのプロトタイピングを高速化するための最小限の Next.js App Router + Tailwind スキャフォルド。トークン効率に最適化された設定とクリーンなレイアウト構造で、プロンプトベースの開発をサポートします。

shadcn/ui — Cursor ワークフロー向けコピペコンポーネント

アクセシブルで、デフォルトではスタイルなしの React コンポーネント — あなたのコードベースに所有できます。Cursor で Tailwind を使ったランディングページやダッシュボードを組み立てるときに重宝するプリミティブライブラリ。

Cursor AI 初心者向け完全チュートリアル (2025)

awesome-cursorrules — あらゆるスタック向けキュレーション済み .cursorrules

コミュニティ最大級の .cursorrules ファイル集。Tailwind、Next.js、コンポーネント規約に準拠した Cursor の出力を保証するフロントエンドおよびデザインシステムルールセットを含みます。

AI でウェブサイトを作成する方法 — Cursor 2025

Cursor MCPでFigmaデザインを変換する

Cursor でのデザインに関する @volo_builds の投稿です。原文は X でご覧ください。

AIで美しいUIを作る方法

Cursor でのデザインに関する @shadcn の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @jasonzhou1993 の投稿です。原文は X でご覧ください。

10倍高品質なUI設計 Vibe Coders向け — Cursor内でv0を直接使用

Magic UI — Cursor で構築するランディングページ用アニメーションコンポーネント

Cursor と組み合わせてマーケティングページを効率的にデプロイできる、150 以上のアニメーション React + Tailwind + Motion コンポーネントライブラリ。洗練されたマイクロインタラクションを備えています。

Cursorの設計システムルール スターター

.cursor/rulesパック内に、スペーシング スケール、セマンティック カラー トークン、ラウンド値、タイポグラフィを組み込み、プロンプトの初段階から生成されるUIがブランドに沿ったものになるようにします。

Cursor でのデザインに関する @rauchg の投稿です。原文は X でご覧ください。

DESIGN in v0, FINISH in Cursor

Cursor でのデザインに関する @builderio の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @joelunger の投稿です。原文は X でご覧ください。

デザイナーのためのAIガイド：あるデザイナーがCursorに乗り換えた理由

Cursor でのデザインに関する @cursor_ai の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @elizabethlin の投稿です。原文は X でご覧ください。

インタラクティブプロトタイプ、サウンドデザイン、データビジュアライゼーション向けCursor

Cursor でのデザインに関する @patrickjs__ の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @cursor_ai の投稿です。原文は X でご覧ください。

デザイナー向け Cursor（フルワークショップ）

Cursor でのデザインに関する @cursor_ai の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @cursor_ai の投稿です。原文は X でご覧ください。

Cursor でのデザインに関する @cursor_ai の投稿です。原文は X でご覧ください。

新しいビジュアルエディター: コードベース内で直接デザイン

Cursorの新しいビジュアルエディタはFigmaキラーか？チュートリアル

Cursor ビジュアルエディター — レイアウトを視覚的に修正