Best frontend and UI design skills, page 21

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a…

rome-os/rome

Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data.

davepoon/buildwithclaude

Expertise in compiler development using LLVM infrastructure including frontend design, IR generation, optimization passes, and code generation.

aftermathlabs/llvm-msvc

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

ancoleman/ai-design-components

Translates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts: docs/design.md (YAML tokens + prose, following…

BuildGreatProducts/builder-os

Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with its states, as design tokens plus component specs, with original assets…

Jakeschincariol/replica-skill

Set up high-performance development servers with Hot Module Replacement.

involvex/youtube-music-cli

Fetch a deterministic snapshot of open MUI Renovate PRs and review them one by one.

mui/mui-public

Explain, create, update, or use Baserow registries across backend and frontend code, including Instance/Registry patterns, registration points, model-backed type registries, serializer/API…

baserow/baserow

Develops, debugs and profiles Cherry Studio in a tracked Electron instance, reusing a verified running instance and capturing before and after evidence for each change.

CherryHQ/cherry-studio

Deploys the library to OSSRH staging and creates a pre-release, but publishing must be done manually via the Sonatype web UI.

spotify/android-auth

UI audit for hierarchy, accessibility, and UX. An agent skill from MigoXLab/webqa-agent.

MigoXLab/webqa-agent

A skill your agent uses when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a…

Polydile/dile-components

현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌려주는 스킬.

kwakseongjae/oh-my-design

Generate landing pages/webpages with the Felo Landing Page Task API in Claude Code.

Felo-Inc/felo-skills

Turn a vague product, character-card, frontend, or Vibe Coding wish into a bounded total design, first-playable contract, scale-appropriate blueprint, resumable NEXT handoff, and evidence-gated…

LiarMTTT/TavernWeave

Select a consistent visual design system for PPT slides using radius/spacing style recipes.

haojing8312/WorkClaw

A skill your agent uses when modifying or visually debugging Nango frontend UI, including packages/webapp, packages/connect-ui, browser interactions, screenshots, and visual regressions.

NangoHQ/nango

Audit websites for SEO, performance, security, technical, content, and 15 other issue cateories with 230+ rules using the squirrelscan CLI.

theexperiencecompany/gaia

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language.

plannotator/effective-html

A skill your agent uses when contributing to InsForge's shared schema package.

InsForge/InsForge

A skill your agent uses when the user asks to create, view, or modify a SaaS Pegasus project via the pegasus CLI — e.g.

saaspegasus/django-boilerplate

Sync, validate, and apply App Store metadata with the current asc canonical metadata workflow.

CamilleScholtz/swmpc

A skill your agent uses when changing user-visible Angular UI in IPTVnator, especially channel rows or lists, EPG views, settings and playlist surfaces, selection states, shared portal components…

4gray/iptvnator

Color systems for digital products. An agent skill from Lily-404/blog.

Lily-404/blog

Set up oxlint-tailwindcss — Tailwind CSS v4 lint rules for oxlint — in a project, and act on its diagnostics.

sergioazoc/oxlint-tailwindcss

Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.

pretend1111/claude-desktop-app

Design review and implementation guidance for the Qovery Console.

Qovery/console

A skill your agent uses when the user wants to design, customize, or generate a custom visual theme for their linkyee site (a Hexo-like LinkTree-style static site).

ZhgChgLi/linkyee

Manage shadcn/ui components using MCP tools. An agent skill from julianromli/opencode-template.

julianromli/opencode-template

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

A skill your agent uses when adding, migrating, or changing Patchies Audio V2 nodes, native DSP worklet nodes, audio object docs, audio packs, or AudioService integration.

heypoom/patchies

Audits or remediates Flutter widgets against WCAG 2.2 conformance levels A, AA, or AAA across iOS, Android, Web, macOS, Windows, and Linux, covering Semantics labels and screen reader output under…

VeryGoodOpenSource/vgv-ai-flutter-plugin

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

bergside/awesome-design-skills

External: Register global design-token variable types from a third-party plugin.

elementor/elementor

Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.

handsontable/handsontable

MacMagazine design reference — theme tokens, card selection, typography, touch targets, accessibility, dark mode.

MacMagazine/app-iOS

Project switching implementation in sidecar: project discovery, state management, UI flow, modal rendering, filtering, theme preview, and plugin reinitialization.

marcus/sidecar

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images…

claudekit/frontend-design-pro-demo

Checks that a site's favicon is linked, reachable and large enough for Google search results, and sets up ICO, SVG and Apple touch icon files when they are missing.

thedaviddias/Front-End-Checklist

Mandatory end-to-end procedure for adding or materially changing a DomoDomo tool or category.

darknecrocities/DomoDomo---All-in-one-Tool

Keep interface work anchored to the product it belongs to instead of a generic template.

PyModel/niblet-skill-mcp

ADK-TS documentation specialist for Fumadocs MDX pages. An agent skill from BrainDAO/adk-ts.

BrainDAO/adk-ts

Applies an analyzed design.md to an existing project while preserving content.

fivetaku/insane-design

Optimizes application performance. An agent skill from sanity-io/sanity.

sanity-io/sanity

Build or revise Tabame quick menu top-bar buttons in lib/widgets/itzy/quickmenu/button.dart.

Far-Se/tabame

Turn raw SVG markup into an Astro icon component in website/src/icons/.

t4t5/rencal