Best frontend and UI design skills, page 17

A skill your agent uses when analyzing the server/desktop backend bundle — "what does the server load at startup?", "is <dependency lazy on the backend?", "why is <package in the startup set?", "how…

TriliumNext/Trilium

Generate a complete set of favicons from a source image and update HTML.

brianlovin/agent-config

Run linkchecker against a locally served site, a deployed URL, or a local HTML build output, parse the errors, map each broken link back to its Markdown source file, suggest replacement URLs, and…

chef/chef-web-docs

Chinese-language rules for building, changing and reviewing product front ends, covering interface, interaction, state and data flow and component organization.

oil-oil/oil-frontend

Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons.

smallnest/goal-workflow

Image-to-code replication pipeline. An agent skill from Yu-369/VibeCurb.

Yu-369/VibeCurb

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield.

AIwithhassan/lets-scroll

Direct-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, dependencies, and reviewability.

plannotator/effective-html

Guides building browser apps with the @manycore/aholo-viewer npm package to render 3D Gaussian Splatting and mesh content from TypeScript.

manycoretech/aholo-viewer

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

A skill your agent uses when changing IPTVnator SCSS tokens, shared layout mixins, portal headers, sidebars, detail views, Electron drag regions, or cross-portal visual consistency.

4gray/iptvnator

A skill your agent uses whenever you need to understand how this theme works — adding pages, managing content, configuring the site, using partials/components/modules, project architecture, scripts…

gethugothemes/parsa-hugo

Writing, editing, and rendering Slab documents (.slab) — the declarative design language for app screens, posters, terminal UIs, and interactive components.

stencil-hq/slab

Accessibility engineering for product interfaces. An agent skill from Lily-404/blog.

Lily-404/blog

Conventions for the opentrons-ai-client React/TypeScript frontend — project structure, API integration, state management (Jotai), feature flags, types, and testing.

Opentrons/opentrons

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

Create or modify ryOS Zustand stores following repo conventions — persist middleware, partialize, versioned migrations, the debounced write-behind storage adapter for large slices, and cloud-sync…

ryokun6/ryos

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

Imperative scrolling for react-horizontal-scrolling-menu: scrollToItem(getItemById(id), behavior, inline, block), scrollNext/scrollPrev, apiRef for controlling the menu from outside (fire methods…

asmyshlyaev177/react-horizontal-scrolling-menu

Adds, checks and fixes FAQPage JSON-LD on pages with visible question-and-answer sections so it matches what readers see and can qualify for rich results.

thedaviddias/Front-End-Checklist

Test the PD-Hunter Next.js frontend end-to-end. An agent skill from FuZoe/PD-Hunter.

FuZoe/PD-Hunter

Guides chart, dashboard and map design: pick the simplest form for the question, state the finding in the title, and check palettes with a local validator.

QwenLM/qwen-code

Use bdg CLI to drive and debug a real Chrome via Chrome DevTools Protocol - navigate, click, fill and submit forms, check what an action changed (navigation, new messages, pending requests), inspect…

szymdzum/browser-debugger-cli

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

Build native GUI apps in Rust with bezel, the gpui component library (bezel, bezel-gpui, bezel-ui, bezel-theme, bezel-motion, bezel-icons, bezel-markdown, bezel-editor, bezel-terminal).

crabtalk/bezel

Create a new screen/page for a Rezi TUI application. An agent skill from RtlZeroMemory/Rezi.

RtlZeroMemory/Rezi

Writes seek-safe 2D and 3D keyframes for HyperFrames video compositions, covering punch-ins, zooms, reframes and camera moves without touching clip assembly.

heygen-com/hyperframes

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor.

dogum/html-artifacts

Generate Swimlane Lit Element Solution (CDN). An agent skill from swimlane/ngx-ui.

swimlane/ngx-ui

Guides end-to-end feature development in the bootc Podman Desktop extension.

podman-desktop/extension-bootc

Reviews and lints Avalonia documentation pages against house style rules, content boundaries, anti-marketing standards, accessibility, and SEO.

AvaloniaUI/avalonia-docs

A skill your agent uses to generate well-branded interfaces and assets for Baby Menu, either for production or throwaway prototypes/mocks/etc.

kunchenguid/baby-menu

A skill your agent uses when changing what the desktop shows or runs: Niri/Noctalia config, a window that is the wrong size, garbled, or missing after a reboot, autostart, fcitx5 or vinput input…

ryan4yin/nix-config

Design engineering principles for making interfaces feel polished.

trycompai/crm

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management.

boussadjra/vuestrata

Register AI-generated-looking UI patterns as prohibited rules in the design system.

tsubotax/melta-ui

i18n — add multilingual translations. An agent skill from erupts/erupt-web.

erupts/erupt-web

Chinese-language final-check method for UI visual changes before delivery, using multi-theme screenshot matrices, pixel-level evidence and a CSS cascade checklist.

huiliyi37/Tianshu-harness

A skill your agent uses when working with Tauri 2 projects (tauri.conf.json, src-tauri/, capabilities, permissions,

mukiwu/tempo-term

GitMesh Agents UI design system. An agent skill from LF-Decentralized-Trust-labs/gitmesh.

LF-Decentralized-Trust-labs/gitmesh

Reviews PR(s) using comprehensive review guidelines including security, correctness, clean code, TypeScript, React patterns, i18n/RTL, performance, and accessibility.

quran/quran.com-frontend-next

Updates the White Paper theme to the latest stable Ruby and Jekyll releases, resolves compatibility issues, verifies builds, maintains the changelog, and bumps the theme version.

vinitkumar/white-paper

Create StoryLite component stories in consumer projects that use StoryLite public packages, explaining StoryLite's CSF-like story format with examples from single-story files to advanced args…

itsjavi/storylite

Set an ECC-specific frontend design direction for production UI work.

affaan-m/ECC