Skip to content
Docksoft

UI Skills

B

ui-skills

Opinionated, evolving constraints to guide agents when building frontend interfaces.

uiconstraintsfrontendguidelines

Install

npx skills add ibelick/ui-skills
Author
ibelick
License
MIT
Updated
January 2026
Type
Bundle of 4
Platforms
Claude Code, Codex, Cursor, Multi Platform
View source

4 skills in this bundle

  • baseline-ui

    Source

    Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

  • fixing-accessibility

    Source

    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

    Source

    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.

  • fixing-motion-performance

    Source

    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.

Related

Web Development

A

Composition Patterns

composition-patterns

React composition patterns that scale — avoids boolean prop proliferation through compound components, render props, and React 19 APIs.

claude-codecodexcursor+2MIT

Web Development

B

Frontend Slides

frontend-slides

Generate animation-rich HTML presentations with visual style previews.

claude-codeMIT

Web Development

S

Next.js Best Practices

next-best-practices

Next.js performance optimization and best practices for server components, routing, and data fetching.

claude-codecodexcursor+1MIT

Agent tooling

Want agents that know your stack?

This index is ours, and so is the tooling behind it. If your team wants agents that understand how your own systems actually work, that is a thing we build.

Contact the dock

One address, read by the people who would do the work. No intake form, no calendar link — just an email.

tphamdn@gmail.com
Other reasons to writeWe reply within two business days