O que baseline-ui faz?
Corrija rapidamente código de interface de usuário resolvendo problemas de espaçamento, hierarquia, tipografia e pequenos ajustes de layout. Use quando a interface precisar de uma limpeza ou refinamento rápido.
Corrija rapidamente problemas de espaçamento, hierarquia, tipografia e layout em interfaces de usuário. Use quando a interface precisar de uma limpeza ou refinamento rápido.
A habilidade 'ibelick/baseline-ui' é uma ferramenta especializada para desenvolvedores que desejam aprimorar rapidamente a aparência de suas interfaces de usuário. Ela foca em corrigir problemas comuns de design, como espaçamento inconsistente, hierarquia visual fraca, uso inadequado de tipografia e pequenos erros de layout. Útil para qualquer plataforma que aceite código UI (como React, HTML/CSS, ou frameworks similares), esta skill atua como um 'polimento express', aplicando ajustes finos sem exigir uma reestruturação completa do design. Com base na documentação SKILL.md, a habilidade analisa o código existente e sugere ou aplica correções padrão de UI/UX, tornando-a ideal para sprints de desenvolvimento onde a qualidade visual precisa ser elevada rapidamente. Ela não substitui um designer, mas agiliza o trabalho de desenvolvedores que precisam entregar interfaces mais limpas e profissionais com mínimo esforço.
npx skills add https://github.com/ibelick/ui-skills/tree/main/skills/baseline-uiCorrija rapidamente código de interface de usuário resolvendo problemas de espaçamento, hierarquia, tipografia e pequenos ajustes de layout. Use quando a interface precisar de uma limpeza ou refinamento rápido.
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".