Best frontend and UI design skills, page 16

Design, build, and send beautiful HTML email campaigns via Resend.

irinabuht12-oss/email-campaigns-claude

Build, configure, and run rtp2httpd locally, including embedded Web UI builds and build/runtime troubleshooting.

stackia/rtp2httpd

Editing or merging backend/lang/en.json and pl.json. An agent skill from Mes-Open/OpenMes.

Mes-Open/OpenMes

Running a team of subagents on one design build: clone briefs, disjoint file ownership, isolated builds, the evidence packet, review lenses, the fix plan, verdicts, cold eyes and the stop rule, with…

AThevon/genjutsu

A skill your agent uses for ALL work in a SAP Spartacus (SAP Commerce Cloud composable storefront) Angular application — any storefront feature, component, service, routing, CMS component wiring…

SAP/spartacus

Control Metis Desktop Inspector built-in browser for local preview (HTML/SVG/file paths), page interaction, accessibility snapshots, and screenshots.

Wholiver/metis

A skill your agent uses when building UI with the ranui web-component library (elements like <r-button, <r-modal, <r-select, <r-input, <r-message) or its fluent DOM builder (ranui/builder —…

chaxus/ran

Design Apple-style iOS/macOS interfaces following Human Interface Guidelines.

axiaoge2/Apple-Hig-Designer

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

telerik/kendo-themes

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

A skill your agent uses when a patch or local changes rename, restructure, move, or replace Fluent (.ftl) strings - or migrate legacy .properties strings to Fluent - and you need a migration recipe…

BrowserWorks/waterfox-android

Migrate Vuelidate form validation to Regle. An agent skill from victorgarciaesgi/regle.

victorgarciaesgi/regle

For users creating a two-player co-op game menu or opening animation.

tl2012tl/comfyUI-llama-TE

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

Add a new UI language/locale to the claude-code-gui webview i18n system, or extend/verify an existing one.

Swttch/swttch

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

Trigger when the user requests a review of frontend files (e.g., .tsx, .ts, .js).

Ohh-889/skyroc

A skill your agent uses when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR).

gjtorikian/tailwind_merge

Applies red-green TDD to behavior unit tests cannot reach, by stating the expected outcome against the running app with Reticle before writing the feature.

reticlehq/reticle

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

marigold-ui/marigold

Creates a visual engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML, with one AI-generated diagram image per…

disler/pi-agent-observability

Sanity development best practices for schema design, GROQ queries, TypeGen, Visual Editing, images, Portable Text, Studio structure, localization, migrations, Sanity Functions, Blueprints, and…

robotostudio/turbo-start-sanity

Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a.

DejavuMoe/Smoji

A chart & report builder for AI. An agent skill from matsonj/mviz.

matsonj/mviz

Quickly assemble a temporary AI agent team for a task. An agent skill from MaxMiksa/Auto-Company.

MaxMiksa/Auto-Company

Gives a route in Chamilo's Vue app its breadcrumb entirely from router meta fields, without editing the Breadcrumb component or naming pages.

chamilo/chamilo-lms

Create XXD Panel 100 raster artwork from one image or a directory batch while treating the bundled original style brief as the sole aesthetic authority.

nevertoday/xxd-panel-100

A skill your agent uses when 需要把现有 React、Vite、Next.js、V0 或 AI Studio 页面转换为 Figma Make 可导入的 .fig 资产，或补齐、更新、验证已有 Figma Make 导出壳和 canvas.fig。

lintendo/Axhub-Skills

为 DOTA2自定义游戏 项目生成 Dota 2 本地化文本（addon.csv）。触发词：本地化、翻译、loc、i18n、addon.csv、文本、tooltip、多语言。Use when user asks to generate localization entries for abilities/units/items/modifiers, translate Chinese to…

XavierCHN/x-template

Extract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and generate a full design system reference page AND a 1-page A4 brand book PDF.

robonuggets/design-system

How to create cubits, define states, use the EffectMixin pattern, and handle side effects in the Unyo Flutter app.

K3vinb5/unyo-app

House standard for any HTML page written for a person. An agent skill from greenfield-inc/Pane.

greenfield-inc/Pane

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web Components.

adobe/spectrum-design-data

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

Analyzes web performance using Chrome DevTools MCP. An agent skill from hodgef/apiker.

hodgef/apiker

Develop SkeekS CMS/Yii PHP code and handle advanced or unfamiliar site content, AI-managed themes and HTML pages, shop, MCP, REST and OAuth2 workflows.

skeeks-cms/cms

Principal UX architect skill for deciding WHERE a UI feature belongs, before it is implemented.

h0x91b/dev-3.0

Professional diagram and architecture visualization design system for Remotion video compositions.

coleam00/hyperframes-ai-video-generation

Search local Iconify JSON and use UnoCSS icon classes in the Open Flow repository.

oomol-lab/open-flow

HTMLを最終成果物として生成・検証・プレビューしたい時に使う共通レンダラー。Use this shared renderer when the user wants content turned into a final, validated, previewable HTML artifact.

u-ichi/reviewable-html-workbench

Looks up antd component props, docs, demos and changelogs with the offline @ant-design/cli, and helps debug, migrate between versions and audit usage in a project.

ant-design/antd-skill

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.

ancoleman/ai-design-components

Create optimized production bundles with Bun's native bundler.

involvex/youtube-music-cli

NutUI React Taro 小程序 WXSS 编译超时修复：nutui-taro-demo 样式 bundle 合并、 删除无效 renderingMode、app-origin.wxss 体积治理。Use when 微信小程序报 [ WXSS 文件编译错误] something must be wrong、wcsc timeout、app-origin.wxss…

jdf2e/nutui-react

A skill your agent uses when rendering high-school solid-geometry problem data into an interactive 3D standalone HTML artifact with known-condition highlights, step-by-step constructions, faces…

mingchen666/Reviva

Sets design rules for web interfaces that should feel like current Apple design: unified surfaces, restrained type and glass only where layers overlap.

naplesblue/apple-design-skill

Review UI4 CSS migrations for proper token usage. An agent skill from payloadcms/payload.

payloadcms/payload