baseline-ui
Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.
Julien Thibeaut
- 1.7K followers
- Paris
- ibelick.com
Skills for Design Engineers
component-canvas
Build a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom.
create-canvas
Build a freeform canvas to explore, compare, and iterate on anything.
create-design-md
Create or update a DESIGN.md from an existing product repository or public website, with evidence-based design tokens and guidance.
fixing-accessibility
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.
fixing-metadata
Audit and fix page metadata including titles, meta descriptions, Open Graph, Twitter cards, canonical URLs, and JSON-LD structured data. Use when shipping new pages or fixing SEO and social preview issues.
fixing-motion-performance
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.
improve-ui
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent without modifying product source.
ui-skills-root
Use when the user needs UI help and you must route by topic, stack, and intent to the smallest useful set of UI skills.