ホーム / チュートリアル · ✦ 公式

Cursor ルールで Design System を強制する

Cursor Team · Cursor Docs ·

spacing scale、color tokens、radius、typography を固定する design-system.mdc ルール ファイルを作成し、Cursor が生成するすべてのコンポーネントがブランドに統一されるようにします。スコープ付きルールと glob ターゲティングの例を含みます。

パブリッシャー概要

Write a design-system.mdc rule that pins spacing scale, color tokens, radius and typography so every component Cursor generates stays on-brand. Covers scoped rules and glob targeting.

この記事の内容

  • Anatomy of a design-system rule
  • Pinning tokens: color, spacing, radius
  • Scoping rules with globs
  • Always-on vs auto-attached
  • Testing the rule on a new component

Source: Cursor Docs

原文を読む コンテンツは元の公開元サイトにあります。
Cursor でのデザインに関するファーストパーティの参考資料として、Cursor-Design コミュニティ向けに厳選しました。