Best frontend and UI design skills, page 19

Enforce AIRI's UnoCSS, Vue styling, shared UI component, animation, icon, and color-mode practices.

moeru-ai/airi

Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.

vishalsachdev/canvas-mcp

Apple's approach to interface design and fluid, physical motion, translated for the web.

flornkm/personal-site

Write and save an OpenSEO report as one self-contained HTML page.

every-app/open-seo

A skill your agent uses when adding a new chapter to the PCL Tutorial web app (web/src/).

LimHyungTae/pcl_tutorial

当用户在使用 fa- 系列技能（如 fa-framework-settings、fa-slot-creator、fa-form-builder、fa-route-generator、fa-store-generator、fa-page-optimizer、fa-theme-customizer 等）时，在同一个目标上经历了 3…

fantastic-admin/basic

A skill your agent uses when users want to install, integrate, or adapt 8StarLabs UI components in a Next.js plus shadcn project.

8starlabs/ui

A skill your agent uses whenever the user wants a chart, graph, plot, dashboard visual, or asks to visualize structured numbers, trends, comparisons, proportions, distributions, correlations…

Citrus-bit/Anaxa

Generate Minimal Zine Poster v0.1 poetic paper-poster prompts and the matching generated image.

yub369302-cyber/gc-minimal-zine-poster

Build static HTML pages, reports, dashboards, and mockups that match the CodeMie UI design system.

codemie-ai/codemie-code

Add a new shipped UITheme pack (like Base or Carbon) to @indielayer/ui.

indielayer/ui

Add interface languages to a Doca editor subpackage (rich text, spreadsheet, Markdown, canvas, slides, and future formats) or the Doca host.

smartdoca/doca

Localizes OrchardCore apps — UI strings (IStringLocalizer/IViewLocalizer S, T, H), PO files and pluralization, content translation (LocalizationPart, culture picker), and supported-culture…

OrchardCMS/OrchardCore

OUDS design token system rules and architecture. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

Turn WordPress page content or authored design HTML into valid, native, editable Gutenberg blocks, or plan a reusable named registered block for deterministic source generation.

humanmade/block-runner

Translate ComfyUI Mintlify docs from English MDX to ja/zh/ko using translate-i18n.ts.

Comfy-Org/docs

Premium scroll-driven landing pages; scroll = timeline. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.

scalar/scalar

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page.

clockless-org/html-anything

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.

buildfastwithai/gen-ai-experiments

Choose sx, sx, and composeSx when authoring or reviewing Tonic UI Box-based components, including wrappers and headless-library prop getters.

trendmicro-frontend/tonic-ui

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces.

jaytel0/taste

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

stablyai/orca

A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

victorGPT/vibeusage

Drafts, revises, and audits reader-first technical and product documentation.

daniel-p-green/nbj-write-clearly

Designs typography-driven video covers and thumbnails in HTML/CSS and screenshots them with Chrome DevTools at 16:9, 16:10, 9:16 and 3:4.

sugarforever/01coder-agent-skills

Review a library/package from the perspective of an external downstream consumer — build a throwaway crate/project that depends on it the way a real user would, exercise the public API, and surface…

jaemk/cached

Index of every documented @radix-ng/primitives example. An agent skill from radix-ng/primitives.

radix-ng/primitives

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Comprehensive reference for building Mintlify documentation sites.

lilinji/ai-infra-odyssey

Apply consistent Material Design UI theming in Egroo using MudBlazor.

jihadkhawaja/Egroo

Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and…

pdsuwwz/chatgpt-vue3-light-mvp

Technical reference for writing open-sheet workbooks as React files that export live .xlsx models, built around a rule against hand-written cell addresses.

lianghsun/open-sheet

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages.

freekmurze/dotfiles

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

A skill your agent uses when the user has a music track (an audio file, or a video to pull audio from) and wants a beat-synced HyperFrames video, calm to hard-hitting.

chmonitor/chmonitor

Design or substantially improve a landing page for tinte. An agent skill from Railly/tinte.

Railly/tinte

Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.

saadeghi/daisyui

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

bionic-gpt/bionic-gpt

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file.

imbue-ai/bouncer

A skill your agent uses when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view with scrollIntoView, filtering with shortcut…

AgentWorkforce/relay

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

Scaffold a unified, cross-platform color theme system into an Expo Router app.

Code-with-Beto/skills