Communitygithub.com

ibelick/baseline-ui

間隔、階層、タイポグラフィ、小さなレイアウトの問題を修正して、UIコードを素早く整えます。インターフェースのクイッククリーンアップや磨き上げが必要なときに使用します。

baseline-ui とは?

このスキルは、UIコードのスペーシング、階層構造、タイポグラフィ、および小さなレイアウトの問題を自動的に検出し修正することで、インターフェースを迅速にクリーンアップおよび磨き上げます。主にフロントエンド開発環境(Claude Code、Cursor、Codexなど)で動作し、AIエージェントが生成したUIコードや手動で書かれたコードの品質を向上させるために設計されています。開発者は「baseline」というキーワードを呼び出すか、ビジュアルデバッグツールを使用して問題を特定し、スキルが自動的に修正を適用します。このスキルは、一貫性のない余白、フォントサイズの不適切な使用、カラーコントラストの問題、および要素の配置ミスを解決し、ベースライングリッドや視覚的リズムに沿った、よりプロフェッショナルなUIを実現します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/baseline-ui

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

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

ドキュメント

baseline-ui は何をしますか?

間隔、階層、タイポグラフィ、小さなレイアウトの問題を修正して、UIコードを素早く整えます。インターフェースのクイッククリーンアップや磨き上げが必要なときに使用します。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

関連スキル