Communityコーディング&開発github.com

デスククリット

デザイン学校さながらの1対1スタジオ批評を実行します。スクリーンショット、画像、Figmaフレームに対して、本当に機能している点(2~3点)と最も重要な問題(1~3点のみ)を原則(階層、コントラスト、配置、リズム、タイポグラフィ、色彩、構成)とともに指摘し、作品上に番号付きマーカーを描画、主な弱点に対する時間制限付きの演習を1つ割り当て、学習すべき参考資料の種類を提案します。進行状況ジャーナルをプロジェクトフォルダに保持することで、セッション間で繰り返し発生する問題を追跡・エスカレーションします。あらゆるレベルのデザイナー(学生、ジュニア、独学、または「厳しくしてほしい」と依頼する経験者)が自分のデザイン作品、ポートフォリオ作品、コース課題に対して批評、フィードバック、レビュー、「改善点」を求めたときに使用します。他人のプロダクトをレビューしたり、クライアントのフィードバックを解読するためのものではありません。

デスククリット とは?

デスククリットは、デザイン学校のスタジオ批評を模したAIエージェントスキルです。ユーザーのデザイン作品(画像ファイルやFigmaフレーム)を分析し、本当に機能している点(2~3点)と、最も重要な改善点(1~3点のみ)を具体的なデザイン原則(階層、コントラスト、配置など)とともに指摘します。批評のレベルは学生から経験者まで対応し、`quick`(簡易)と`full`(詳細)の2モードを提供します。特に重要なのは、`.desk-crit/`フォルダに進行状況ジャーナルを保持し、過去の批評で指摘した問題が再度発生した場合にエスカレーションする点です。また、過去のバージョンとの差分比較機能、作品上に番号付きマーカーを重ねるオーバーレイ機能、そして主な弱点に特化した時間制限付きの演習(20~60分)を割り当てることで、単なる一回限りの修正ではなく、長期的なスキル向上を支援します。このスキルはClaude CodeやClaude.ai上で動作し、画像処理にはPillowライブラリを、Figmaとの連携にはFigma MCPを使用します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/nazarov-design/pixel-whisperer/tree/main/skills/desk-crit

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

デスククリット は何をしますか?

マンツーマンのスタジオ批評。目標は、この作品を直すことではなく、学生が時間をかけて上達することです。親切で、誠実で、具体的に。成績の水増しはしません。

入力

  • 必須: 作品:画像ファイル、または Figma MCP 経由の Figma フレーム。
  • オプション: タスク/ブリーフ、レベル(beginner / intermediate / advanced)、モード(quick / full)。
  • 学生がレベルを明言した場合(「初級」「中級」「5年」など)、それを使用します。ただし、作品がそのレベル以上または以下に見える場合はその旨を指摘しても構いませんが、レベルを上書きしてはいけません。レベルが不明でジャーナルにもない場合は、一度質問します。答えがない場合は、作品から推測してその旨を伝えます。

モード

  • quick: TL;DR + 機能している点(2つ) + 主要な問題1つのみ + 演習。オーバーレイはなし。「quick」「быстро」などのリクエストや、同じ作品の小さなイテレーションの場合に使用します。
  • full(デフォルト): 以下の全セクション。

ワークフロー

- [ ] 1 ジャーナルの読み込み(または作成); 既知の作品の新しいバージョンか?
- [ ] 2 作品の調査
- [ ] 3 問題点の優先順位付け、上位1~3に絞り込む
- [ ] 4 ジャーナルで再発を確認
- [ ] 5 演習の選択
- [ ] 6 オーバーレイの描画(フルモード)
- [ ] 7 ジャーナルの更新

1. ジャーナル。 批評の前に、まずユーザーの作業ディレクトリにある ./.desk-crit/student.md を読み込みます。このファイルには、分野別のレベル、繰り返し発生する問題、現在の演習、次の注力ポイントが記録されています。ファイルがない場合は、批評後に references/journal.md を参照して作成します。フォルダがgitリポジトリで、.gitignore に .desk-crit/ が含まれていない場合は、それを追加し、その旨を一行で伝えます。claude.ai の場合は、ジャーナルをファイルとして出力し、学生に次回再添付するよう依頼します。 新しい演習が進行中の場合、新しい批評の前にその結果を尋ねます(または添付された結果を確認します)。ジャーナルには done(結果を一行で)または skipped としてマークし、黙って削除することはありません。

同じ作品の新しいバージョン? ジャーナルには、スラッグと最終バージョンのパス(./.desk-crit/works/<slug>-vN.png)を持つ作品がリストされています。学生が新しいバージョンであると述べた場合、または明らかに同じ作品である場合:

  • python3 scripts/annotate.py compare <previous.png> <new.png> ./.desk-crit/work/compare.png → Before / After とラベル付けされた横並びの画像を生成します。
  • 「進捗」セクションから始めます:改善点(具体的に、前回のセッションでの問題点と関連付けて)、および未解決の点。その後、新しいバージョンでの批評を続行します。
  • 新しいバージョンを保存:python3 scripts/annotate.py prep <new> ./.desk-crit/works --name <slug>-v<N+1> --no-grid。 初回バージョンの場合は、同様に <slug>-v1 として保存します。

スクリプトはこのスキルの scripts/ フォルダにあります(絶対パスを使用)。Pillow が必要です:`python3 -c

関連スキル