ui skills

377 tagged ui, measured the same way as everything else here.

Browse within: css 65ux 56html 55svelte 51vue 51sveltekit 50ai-assistant 39self-hosted 36javascript 32design-systems 31templates 31web-development 30accessibility 27ai-coding 26

quailyquaily/quail-ui

Skill Claude CodeCodex

Use this skill when integrating Quail UI into a Vue 3 frontend, migrating an existing screen to Quail UI components, or needing the library's themes, tokens, icons, demo-backed usage patterns, and agent-facing onboarding docs.

not rated 49 4mo ago A 56 tokens original Apache-2.0

pebble-protocol-ui

26

skyf0xx/Pebble

Skill Claude CodeCodex

Component catalogue for Pebble pebblesend type "ui" blocks — OpenUI Lang syntax, components, the action model (buttons, forms, $state), and what Pebble does NOT support. View when building an interactive UI block.

not rated 22 26d ago A 58 tokens original MIT

forge

27

Webba-Creative-Technologies/forge

Skill Claude CodeCodex

Forge design system for React. Use when writing any React UI in this project, when picking which component to use, when theming, when creating block templates, or when reviewing UI code for accessibility and anti-patterns. Covers components, tokens, theming, motion, patterns, a11y, and anti-patterns.

not rated 19 3mo ago A 67 tokens original MIT

dryui-init

28

rob-balfre/dryui

Skill Claude CodeCodex

Bootstrap a SvelteKit + DryUI project using skill-led inspection and explicit file/package edits. Works for new projects, existing SvelteKit apps, and brownfield repos.

not rated 9 3mo ago A 39 tokens original MIT

eusouomatt/analog-design-standards

Skill Claude CodeCodex

Portable product design standards for creating, reviewing, or refactoring app UI/UX, especially AI-built web apps, dashboards, CRM surfaces, operational workflows, Home screens, AI chat, command surfaces, artifacts, landing pages, and design-system docs. Use when asked to design, build, critique, improve, or set…

not rated 8 1mo ago A 121 tokens original Apache-2.0

SuanFishXYY/suanfish-design-system

Skill Claude CodeCodex

A Chinese design system for creating and reviewing web interfaces, with multiple design perspectives working together. It focuses on React and Tailwind-based projects.

not rated 7 1mo ago A 293 tokens

web-ui-polish

31

lihytaihe-lang/aetherpane

Skill Claude CodeCodex

Transform rough web pages into premium, polished interfaces with glassmorphism, Apple-inspired layouts, and three switchable themes.

not rated 3 4mo ago A 28 tokens original MIT

specimen

32

LoserLab/specimen

Skill Claude CodeCodex

Typography system compiler that generates structured type scales, font stacks, and typographic tokens. Use when users request type systems, font scales, typography tokens, design system typography, or ask to create/export typographic styles. Pairs with hexed for complete design systems.

not rated 2 5mo ago A 56 tokens original MIT

flet-best-practices

33

mykaro/ai-skills

Skill Claude CodeCodex

Idiomatic guide for Flet 1.0 applications. Covers declarative UI, hooks, observable state, services, async execution model, and breaking API changes from v0.x. Use this skill to write modern Flet code, migrate imperative apps to reactive patterns, apply breaking changes correctly, and avoid common pitfalls.

not rated 2 4mo ago A 74 tokens

devourer

34

LoserLab/devourer

Skill Claude CodeCodex

Component Theme Generator that transforms color palettes into production-ready UI components. Use when the user requests themed components (buttons, cards, inputs, forms, etc.) based on a color system or palette, especially when consuming output from Hexed or other color generation tools. Generates complete component…

not rated 1 5mo ago A 82 tokens original MIT

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: