Best frontend and UI design skills, page 22

Plans and builds HTML-based web presentations through staged quick, basic or advanced workflows, with optional visualization planning, motion, a workbench and PPTX export handoff.

Russell-cell/PPT-as-code

Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.

cyanfish-x/tellux

Add a data table with sorting, selection, and keyboard navigation.

RtlZeroMemory/Rezi

Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken…

OpenLabs-so/oa-design

Designs and builds video-driven parallax hero landing pages with smooth video scrubbing, progress-locked typography, and clean navigation.

nroadley/Creating-Oneshot-Hero-Landing-Pages

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses when working with GOAT's Windmill instance — running or syncing analytics tools, inspecting job execution, adding a new tool, or checking which f/goat/tools/ scripts exist.

plan4better/goat

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or…

Ilm-Alan/frontend-design

A skill your agent uses when updating Lingui catalogs or fixing translations

d-kimuson/claude-code-viewer

Build accessible UI with monochrome, the framework-agnostic UI library for agents.

vaneenige/monochrome-ui

Design or improve onboarding flows, empty states, and first-time user experiences.

boussadjra/vuestrata

Add a new page to the Astro + Strapi project. An agent skill from PaulBratslavsky/astro-strapi-example-project.

PaulBratslavsky/astro-strapi-example-project

Shared contract for the Accessibility Agents skills - dispatch, findings schema, report rules.

Community-Access/accessibility-agents

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

gustavscirulis/snapgrid

Guides WCAG 2.1 and VoiceOver accessibility testing for iOS apps, working from the accessibility tree and not from screenshots.

conorluddy/xclaude-plugin

Class-based reactive state management for React (Expressive MVC).

gabeklein/expressive-mvc

A skill your agent uses when adding a new interface language (locale) to the app, or when asked to translate the UI into another language.

ZoneMinder/zmNinjaNg

Audits a website for SEO, AI search performance, structured data, mobile usability, broken links, and social media cards.

MelbourneDeveloper/dart_node

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

Rules for calling JavaScript from Jaspr web apps in Dart: which interop libraries to import in server, static and client modes, and how to wrap functions, objects and libraries.

rodydavis/signals.dart

Codebase intelligence for TypeScript and JavaScript. An agent skill from fallow-rs/fallow-skills.

fallow-rs/fallow-skills

Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

fullstackhero/dotnet-starter-kit

Creates a new UI component with implementation, index, tests, and Storybook stories following PageZERO conventions.

pagezero-dev/pagezero

Deploy static websites to BytePlus Edge Pages with CDN. An agent skill from 5zjk5/prompt-engineering.

5zjk5/prompt-engineering

Structured screenshot analysis for UI implementation and critique.

udayanwalvekar/clearshot

Create or change Video.js React UI components. An agent skill from videojs/video.js.

videojs/video.js

Audit components for accessibility. An agent skill from scaleway/ultraviolet.

scaleway/ultraviolet

Add dark mode styles to components using Tailwind dark: variant classes.

codecrafters-io/frontend

UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Builds or restyles production UI with a clear point of view, checks the result against screenshots and responsive states, and hands document typography to other skills.

tw93/Waza

Check whether the common Python code an LLM would plausibly write still works on this branch, testing real cases in ./playground against CPython.

pydantic/monty

Guidelines for reviewing API design in the Hex1b codebase. An agent skill from mitchdenny/hex1b.

mitchdenny/hex1b

How to add icons to the vglist frontend using Lucide via @lucide/vue.

connorshea/vglist

Writes, fixes, and reviews SvGrid data-grid code in Svelte 5 projects - columns, features, inline editing, filtering, theming with --sg- tokens, server-side data, the built-in AI helpers, and the…

sv-grid/sv-grid

Draws flat vector spot illustrations of lanky people doing design and coding things, with solid black as a main fill, for empty states, onboarding and error pages.

MengTo/Skills

OpenPrd UI Context skill：区分 greenfield、brownfield 与局部修正，基于已确认 PRD、可选 CodeGraph 和本地证据提出专业 UI/UX 方向，并在用户确认后编译 PRODUCT.md、DESIGN.md 和 Impeccable handoff。

DavidLam-oss/obsidian-wechat-converter

A skill your agent uses when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a…

lintendo/Axhub-Skills

A skill your agent uses when customizing, branding, or replacing the built-in FrontMCP OAuth pages (the login, consent, federated-select, incremental-authorization, and error pages) with your own…

agentfront/frontmcp

Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state management, routing, styling, and known pitfalls.

dashersw/gea

Create or modify gluestack-core and gluestack-utils packages for component creators and utilities

gluestack/gluestack-ui

CSS, JavaScript, and HTML coding standards for Shopify Liquid themes.

benjaminsehl/liquid-skills

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

ever-works/ever-works

Builds onchain apps with Coinbase's OnchainKit React components and TypeScript utilities: wallet connection, identity, token swaps, transactions and checkout flows.

BankrBot/skills

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Polishes and improves the UI in your project. An agent skill from VladSez/easy-invoice-pdf.

VladSez/easy-invoice-pdf

Visual verification of a running page through Chrome's DevTools Protocol, capturing screenshots and measuring the rendered DOM.

wellwelwel/lagune

Create and deploy single-page static websites to GitHub Pages with autonomous workflow.

sundial-org/awesome-openclaw-skills

在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用；不负责 Demo 页、测试和文档迁移。

wot-ui/wot-ui