Does ui-skills auto-invoke its skills?

Not yet. It is indexed on Flowy as a plain plugin.

Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.

Which coding agents can use ui-skills's skills?

ui-skills installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

Design

Plugin

ui-skills

BOOST

ibelick@ibelick

GitHub

Plugin Signal71/100Solid

maintained99

capable48

documented43

adopted86

Claude Code

$ npx -y skills add ibelick/ui-skills --agent claude-code

Codex

$ npx skills add ibelick/ui-skills -a codex

More skills for Codex

Cursor

$ npx skills add ibelick/ui-skills -a cursor

More skills for Cursor

Gemini CLI

$ npx skills add ibelick/ui-skills -a gemini-cli

More skills for Gemini CLI

GitHub Copilot

$ npx skills add ibelick/ui-skills -a github-copilot

More skills for GitHub Copilot

OpenCode

$ npx skills add ibelick/ui-skills -a opencode

More skills for OpenCode

Windsurf

$ npx skills add ibelick/ui-skills -a windsurf

More skills for Windsurf

Stats

TypeScript JavaScript HTML CSS Bash GitHub MCP

10,939

Stars

525

Forks

Active

Maintenance

TypeScript

Language

MIT

License

3d ago

Last commit

10mo ago

Created

Repo: ibelick/ui-skills

In this plugin

9 skills

See everything inside

What's inside

9 Skills

/baseline-uiQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass./component-canvasBuild a full-screen, interactive canvas to explore existing UI components and their variants with pan and zoom./create-canvasBuild a freeform canvas to explore, compare, and iterate on anything./create-design-mdCreate or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do /fixing-accessibilityAudit 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-metadataAudit 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

/fixing-motion-performanceAudit 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-uiAudit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without

README

Read on GitHub

UI Skills

Skills for Design Engineers.

CLI

Browse and fetch skills from your terminal.

npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion
npx ui-skills get baseline-ui

MCP

Connect agents to the registry over Model Context Protocol.

https://www.ui-skills.com/mcp

Tools: list_skills, get_skill

Playbook

Distilled UI lessons from the best design engineering skills.

ui-skills.com/playbook

License

Licensed under the MIT license.

Stars on GitHub

Momentum

stars in total: 10.9k

Star history of ibelick/ui-skills on GitHub, a chart by star-history.com

See what's trending this week

File tree

Similar plugins.

See 12 ui-skills alternatives

ui-ux-pro-max

A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.

7 skills+3143k

@nextlevelbuilder

impeccable

Design guidance for AI coding agents that helps shape, critique, polish, and improve frontend interfaces such as websites, landing pages, and dashboards. It includes live browser iteration and rules that catch common issues in AI-generated frontend design.

1 skill4 agents107k

@pbakaus

open-design

Turns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.

170 skills+2107k

@nexu-io

diagram-design

Creates branded editorial diagrams such as architecture charts, flowcharts, sequence diagrams, ER models, timelines and swimlanes as self-contained HTML and SVG files. Suited to writers and designers who want polished visuals for Claude Code.

1 skill+166k

@cathrynlavery

Questions about ui-skills.

Gives a coding assistant design engineering skills for tidying UI spacing and typography, auditing accessibility like labels, focus and contrast, fixing HTML metadata and SEO tags, and documenting a product's visual system. Install it with the command on its page. It includes baseline-ui, component-canvas, create-canvas. Its skills do not fire on their own yet. Free and open source.

What is ui-skills?: Gives a coding assistant design engineering skills for tidying UI spacing and typography, auditing accessibility like labels, focus and contrast, fixing HTML metadata and SEO tags, and documenting a product's visual system.
How do I install ui-skills?: Run these in Claude Code: npx -y skills add ibelick/ui-skills --agent claude-code. Then prompt normally.
Does ui-skills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin.
Is ui-skills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
Which coding agents can use ui-skills's skills?: ui-skills installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it

Design

Plugin

ui-skills

BOOST

ibelick@ibelick

GitHub

Plugin Signal71/100Solid

maintained99

capable48

documented43

adopted86

Claude Code

$ npx -y skills add ibelick/ui-skills --agent claude-code

Codex

$ npx skills add ibelick/ui-skills -a codex

More skills for Codex

Cursor

$ npx skills add ibelick/ui-skills -a cursor

More skills for Cursor

Gemini CLI

$ npx skills add ibelick/ui-skills -a gemini-cli

More skills for Gemini CLI

GitHub Copilot

$ npx skills add ibelick/ui-skills -a github-copilot

More skills for GitHub Copilot

OpenCode

$ npx skills add ibelick/ui-skills -a opencode

More skills for OpenCode

Windsurf

$ npx skills add ibelick/ui-skills -a windsurf

More skills for Windsurf

Stats

TypeScript JavaScript HTML CSS Bash GitHub MCP

10,939

Stars

525

Forks

Active

Maintenance

TypeScript

Language

MIT

License

3d ago

Last commit

10mo ago

Created

Repo: ibelick/ui-skills

In this plugin

9 skills

See everything inside

What's inside

9 Skills

README

Read on GitHub

UI Skills

Skills for Design Engineers.

CLI

Browse and fetch skills from your terminal.

npx ui-skills start
npx ui-skills categories
npx ui-skills list --category motion
npx ui-skills get baseline-ui

MCP

Connect agents to the registry over Model Context Protocol.

https://www.ui-skills.com/mcp

Tools: list_skills, get_skill

Playbook

Distilled UI lessons from the best design engineering skills.

ui-skills.com/playbook

License

Licensed under the MIT license.

Stars on GitHub

Momentum

stars in total: 10.9k

See what's trending this week

File tree

Similar plugins.

See 12 ui-skills alternatives

ui-ux-pro-max

A design toolkit for Claude Code covering UI styling, design tokens and component specs, brand identity and voice, banners, logos, and HTML slide presentations with charts.

7 skills+3143k

@nextlevelbuilder

impeccable

1 skill4 agents107k

@pbakaus

open-design

Turns a brief into a design prototype, website, app, deck, or video that follows your design system, then lets your team share it and refine it with an AI agent in the same project.

170 skills+2107k

@nexu-io

diagram-design

1 skill+166k

@cathrynlavery

Questions about ui-skills.

What is ui-skills?: Gives a coding assistant design engineering skills for tidying UI spacing and typography, auditing accessibility like labels, focus and contrast, fixing HTML metadata and SEO tags, and documenting a product's visual system.
How do I install ui-skills?: Run these in Claude Code: npx -y skills add ibelick/ui-skills --agent claude-code. Then prompt normally.
Does ui-skills auto-invoke its skills?: Not yet. It is indexed on Flowy as a plain plugin.
Is ui-skills free?: Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
Which coding agents can use ui-skills's skills?: ui-skills installs in Claude Code, and its skills also install in Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI. Each skill's page has the install command. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.

Is this plugin yours?

Claim it with GitHub Submit a plugin Promote it