baseline-ui 是做什麼的?
快速整理UI程式碼:修正間距、層次結構、排版與小型版面配置問題。適用於需要快速清理或美化介面的情況。
快速整理UI程式碼:修正間距、層次結構、排版與小型版面配置問題。適用於需要快速清理或美化介面的情況。
ibelick/baseline-ui 是一個專為快速整理與美化使用者介面程式碼而設計的技能。它能自動偵測並修正常見的UI問題,包括間距不一致、層次結構模糊、排版錯誤以及細微的版面配置瑕疵。此技能特別適合開發者在進行快速原型設計或專案開發後期需要精修介面時使用。它能大幅減少手動調整UI細節的時間,讓開發者專注於功能與邏輯。支援的平台與工具包括Claude Code等AI驅動的開發環境,透過分析現有程式碼並套用最佳實踐來優化使用者體驗。
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".