baseline-ui は何をしますか?
間隔、階層、タイポグラフィ、小さなレイアウトの問題を修正して、UIコードを素早く整えます。インターフェースのクイッククリーンアップや磨き上げが必要なときに使用します。
間隔、階層、タイポグラフィ、小さなレイアウトの問題を修正して、UIコードを素早く整えます。インターフェースのクイッククリーンアップや磨き上げが必要なときに使用します。
このスキルは、UIコードのスペーシング、階層構造、タイポグラフィ、および小さなレイアウトの問題を自動的に検出し修正することで、インターフェースを迅速にクリーンアップおよび磨き上げます。主にフロントエンド開発環境(Claude Code、Cursor、Codexなど)で動作し、AIエージェントが生成したUIコードや手動で書かれたコードの品質を向上させるために設計されています。開発者は「baseline」というキーワードを呼び出すか、ビジュアルデバッグツールを使用して問題を特定し、スキルが自動的に修正を適用します。このスキルは、一貫性のない余白、フォントサイズの不適切な使用、カラーコントラストの問題、および要素の配置ミスを解決し、ベースライングリッドや視覚的リズムに沿った、よりプロフェッショナルなUIを実現します。
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/baseline-ui間隔、階層、タイポグラフィ、小さなレイアウトの問題を修正して、UIコードを素早く整えます。インターフェースのクイッククリーンアップや磨き上げが必要なときに使用します。
This repo contains 3 individual skills — each has its own dedicated page.
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".