Refactoring UI Skill

こんなときに使います

自分で作った画面がどこか素人っぽく見えるとき

使う前に：書籍の本文や画像は含まれていません。

できること

• ✓余白や文字サイズを、決まった段階の中から選ばせられる
• ✓文字の大きさに頼らず、太さや色で情報の優先順位を付けられる
• ✓「なんか変」「安っぽい」という感想を、具体的な直し方に変えられる
• ✓影や光の当て方を工夫して、平らな画面に奥行きを出せる

始める前に必要なもの

• Claude Code

入れ方

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

https://github.com/s0xDk/refactoring-ui-skill

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

GitHubで中身を見る →

基本情報

種類

スキル

分類

デザイン

GitHubのスター

688

最終更新

2026-08-26

掲載元

GitHub（作者のREADME）

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