Best frontend and UI design skills, page 13

Maintain VoiceOver/TalkBack-focused accessibility in stream-chat-react-native.

GetStream/stream-chat-react-native

Look up authoritative Instructure UI (InstUI, @instructure/ui-) documentation — component APIs, props, theme variables, usage examples, and guides — by querying instructure.design's plaintext docs.

instructure/instructure-ui

NutUI React proportional scaling on branch featresize: runtime --nut-scale-f / --nut-scale-font / --nut-scale-icon from scale-f.ts (H5) and scale-f.taro.ts (Taro), Sass helpers scale-px /…

jdf2e/nutui-react

Project workflow for invoking the local review sub-agents Thomas, Helen, Beck, Jonas, The Reaper, and Heckler during LibreQoS coding sessions.

LibreQoE/LibreQoS

Analyzes a screenshot, website or Figma file and writes a `design.md` with its token system, component inventory and reconstruction notes, or an `element.md` for one element.

avelikiy/great_cto

Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.

cmb211087/azure-diagrams-skill

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler

Helps to understand and manage i18n JSON translation files for the Welcome To My Garden (WTMG) SvelteKit project.

WelcometoMyGarden/welcometomygarden

Generate professional UI/UX designs as layered PSD-like outputs with transparent layers.

bobbyz1x2c3/layer-designer

Use @data-client/react hooks for data fetching, mutations, and rendering - useSuspense, useFetch, useQuery, useCache, useLive, useDLE, useSubscription, useController, DataProvider, AsyncBoundary…

reactive/data-client

Render Codex, Claude Code, OpenClaw, or Pi session JSONL transcripts as a searchable, shareable single-file HTML viewer.

openclaw/agent-skills

Review and improve WAYFINDER's native macOS UX against OpenAI Codex app patterns and the repo's accepted menu-bar design contracts.

asdecided/WayfinderRouter

Guide and audit Node.js CLI application development against 41 established best practices covering UX, distribution, interoperability, accessibility, testing, error handling, development setup…

lirantal/nodejs-cli-apps-best-practices

Ultra-compressed Thai+English communication mode. An agent skill from kerlos/pordee.

kerlos/pordee

Russian text quality. An agent skill from talkstream/ru-text.

talkstream/ru-text

Direct-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarchy, or quantitative structure.

plannotator/effective-html

Owns the Aholo Viewer Astro website shell and Playground integration, covering routes, layouts, i18n copy and scoped CSS, while leaving the renderer and example content to other skills.

manycoretech/aholo-viewer

Removes the south-admin-react template's demo pages, components and menu entries, after a dry-run preview and your confirmation, and cleans up the matching imports.

southliu/south-admin-react

A skill your agent uses when creating distinct website directions, a client review picker, asset catalog, previews, and Cloudflare-ready handoffs.

jamditis/claude-skills-journalism

A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from…

ohmiler/gridgeist

Audits a live webpage against eight core WCAG 2.2 success criteria, combining accessibility-tree inspection, visual screenshots and keyboard navigation tests, with evidence in the report.

AIPexStudio/AIPex

Style Obsidian plugin UI with Tailwind + native components. An agent skill from aidenlx/zotlit.

aidenlx/zotlit

Build, review, and refactor Compose Miuix UI in IslandLyrics using Miuix 0.9.3 conventions, the app blur wrapper stack, theme tokens, popup-host rules, and compile-first verification.

FrancoGiudans/Capsulyric

Runs a category-first visual audit of a website, then a decisive design pass that raises credibility and conversion clarity, verified with screenshots instead of subjective opinion.

tryproduck/produck-skills

Debug a JS runtime via CDP using argent debugger tools. An agent skill from bbplayer-app/BBPlayer.

bbplayer-app/BBPlayer

A skill your agent uses for frontend/UI builds, redesigns, polish, or extensions.

adamholter/hive-mind-landing-page

Create new applications for ryOS following established patterns and conventions.

ryokun6/ryos

Build consistent, accessible UIs in Rails using maquinacomponents.

maquina-app/maquina_components

Manage Oh Dear website monitoring using the ohdear CLI. An agent skill from ohdearapp/ohdear-cli.

ohdearapp/ohdear-cli

Plan and implement interactive chapter or playground pages for this Docusaurus repo.

datawhalechina/joyrl-book

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management.

DeckardGer/tanstack-agent-skills

Explains Handsontable's physical, visual and renderable row and column coordinate spaces and how to convert between them with IndexMapper, for debugging misplaced rows or columns.

handsontable/handsontable

Recipes composed on the react-horizontal-scrolling-menu public API — NOT props: autoplay (setInterval + scrollNext gated on menuVisible), infinite loop/carousel (clone head/tail + scrollLeft…

asmyshlyaev177/react-horizontal-scrolling-menu

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide

A skill your agent uses when writing MDX documentation pages for a Fumadocs project — frontmatter, meta.json, page ordering, and fumadocs-ui React components available inside MDX content.

better-notify/better-notify

Audit ported storybook-rsbuild source files against the CURRENT upstream Storybook source, grouped by the local package that owns each port, independent of commit history.

rstackjs/storybook-rsbuild

Audits article and blog pages for visible publish dates, Article JSON-LD with datePublished and dateModified, and Open Graph time tags, then fixes what is missing.

thedaviddias/Front-End-Checklist

Turn a cloned (or any measured) website into YOUR site: re-skin it with your brand, copy, and assets; generate three deliberately different design directions as token/motion/shader overrides and…

cth9191/site-clone

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

Guides designing, reviewing or implementing interfaces that follow Google's Material Design 3 system: semantic tokens, component states, adaptive layout and accessibility.

skydashnet/material-design-3-ui-skill

Drive the Atlas workspace UI in a running Harbor Labs desktop build via CDP.

poteto/verification-skill-example

Build and audit WordPress layouts with GenerateBlocks V2, including CSS Mode, responsive at-rules, dynamic data, Pro components, and recovery-safe block serialization.

wpgaurav/generateblocks-skills

检查并补充前端和后端的i18n翻译文件。以中文（zh-CN）为基准，检查其他语言翻译文件是否缺少key，并补充缺失的key和对应的翻译值。对于日语(ja-JP)、韩语(ko-KR)、繁体中文(zh-TW)，使用与非CJK语言对比的方式检测未翻译内容。

zhimaAi/ChatClaw

A skill your agent uses when running the full idea workflow: capture a rough idea, expand it into design/UI/implementation docs, research similar products, and generate build-ready Markdown artifacts.

AkoliteZA/hermes-agent-idea-workflow

Rebase and customize the Metropolis font for Clarity. An agent skill from vmware-clarity/ng-clarity.

vmware-clarity/ng-clarity

Verify frontend changes end to end after editing a web app, instead of manually clicking through pages.

ucsandman/marketing-studio

Push the current branch and open a GitHub pull request against main.

UniClipboard/UniClipboard

Add a new widget type to the Rezi framework. An agent skill from RtlZeroMemory/Rezi.

RtlZeroMemory/Rezi