CLAUDE SKILL / デザイン

unslop

AIで作ったありがちな見た目の画面を、手を入れたデザインに直すスキルです。紫のグラデーションや絵文字の見出しなどを洗い出し、方向性を決めてから余白や配色を順に直します。

おすすめ

こんなときに使います

AIで作った画面の素人っぽさを直したいとき

使う前に:CC BY 4.0 で、使うときは作者の表記が必要です。

できること

  • AIっぽさが出ている箇所を、どこにあるかと一緒に一覧にできる
  • 手直しの前に、製品に合ったデザインの方向性を提案してくれる
  • 余白・色・アイコン・文言・文字・配置などを決まった順に直していく
  • 手元のコードだけでなく、URLしかない公開サイトも対象にできる
  • 画面が直っていく様子を、10秒弱の正方形の動画にして投稿に使える

始める前に必要なもの

  • Claude Code か Codex
  • Playwright(任意)

入れ方

下の文を Claude Code に貼ると、入れる前に中身の説明を受けられます。説明を読んで、実行するコマンドや外部への送り先に納得できたときだけ入れてください。リンク先は作者が書き換えることがあり、当サイトは安全を保証するものではありません。

https://github.com/heydamir/unslop

このスキルを入れる前に、中身を読んで次の3つを説明して。まだ入れないで、私の返事を待って。
1. 何をするものか
2. 実行するコマンドやスクリプト
3. 外部に送るデータと送り先

GitHubで中身を見る →

基本情報

種類
スキル
分類
デザイン
GitHubのスター
9,328
最終更新
2026-11-01
ライセンス
CC-BY-4.0
掲載元
GitHub(作者のREADME)

説明はGitHub(作者のREADME)の内容をもとに、日本語でまとめ直したものです。確認日:2026-11-05

同じ分類のほかのスキル

デザインの一覧を見る →