Design Lint

どの AI コーディングツール向けにも使えるポータブルな design-lint skill をダウンロード。「見た目は大丈夫?」という曖昧なプロンプトではなく、判定付きのデザイン QA を実行します。

コピーまたはダウンロード

  1. スキルファイルをダウンロードするか、下のプレビューをコピーします。
  2. SKILL.md をエージェントの skills フォルダ(Cursor、Claude、Codex など)に置くか、スキルをチャットに貼り付けます。
  3. いまの UI に対する design lint を依頼します — レイアウト、余白、書体、トークン、アクセシビリティ、レスポンシブ。
  4. 任意 — npx skills@latest add iruhdam1/skills でパックを一度インストールし、そこから design-lint を使います。

公開パックからフルスキル本文が上に読み込まれます。Copy は SKILL.md をクリップボードに置きます。

Download skill

スキルの準備ができました。 セットアップの手間が省けたなら、Tiny Design Shop を支援できます。

よくある質問

What does Design Lint do?

ESLint for design — a judged QA pass for layout, spacing, type, tokens, accessibility, and responsive.

How do I install Design Lint?

Copy or download SKILL.md from this page, or run npx skills@latest add iruhdam1/skills and use design-lint. No Tiny Design Shop account required.