AI製画面を順番に整える「unslop」、無料のClaude Code・Codex向けスキルとして公開
AINNでは投稿本文・投稿者本人の追記・第三者コメントの全文転載を避け、X公式埋め込みと元投稿への導線を中心に表示します。
AIによる見どころ整理
何について
テツメモ氏が、AIで作った画面を改善する「unslop」を試した体験を紹介した。開発者のDamir Sokolovsky氏は、自身の画面改善手順を無料のClaude向けスキルにまとめたと発表。公開READMEではClaude CodeとCodexで使えると説明している。 手順は、まず画面の問題点を監査し、製品に合う性格や世界観、色を使う箇所などの方向性を決める。その後、余白、色、アイコン、言葉、文字、レイアウト、細部、ビジュアル、動きの順に改善する。良い画面を一から作り直すのではなく、小さな調整にとどめる場合や、公開サイトのリンクから検討する使い方も示されている。 テツメモ氏の「デジタル庁のデザインシステムの画面設計版のよう」という表現は使用感のたとえで、同庁の公式ツールではない。公開済みの手作業による改善動画に続く、手順を再利用できるスキルとしての公開が今回の新しい点だ。
なぜ注目
画面改善の実演にとどまらず、Claude CodeやCodexで繰り返し使える手順として公開された点が注目される。使いやすさの改善効果を測定した試験ではなく、制作手順と利用者の体験の紹介。
🔰 初学者向け要約
AIに作ってもらった画面を、どこから直すか順序立てて考えるためのスキルです。見た目を全部変える前に方向性を決め、余白や色などを一つずつ整えます。
用語を調べる
公開記事とWeb上の出典をもとに、Geminiが短く説明します。1日5回まで利用できます。
