Best frontend and UI design skills, page 23

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Implement and review Open Flow frontend components, styling, layout, and interactions.

oomol-lab/open-flow

Stimulus JS framework for Symfony UX -- client-side behavior via HTML data attributes, zero server round-trips.

smnandre/symfony-ux-skills

Implements and documents @reatom/jsx — reactive native DOM JSX.

reatom/reatom

PostHog integration for static Astro sites using SSG. An agent skill from will-be-done/will-be-done.

will-be-done/will-be-done

A skill your agent uses when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification…

luxury-yacht/app

Author and review the WebMCP documentation site using its Diataxis structure, Mintlify conventions, writing rules, design system, and source-of-truth boundaries.

WebMCP-org/npm-packages

A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working…

feige996/unibest

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff…

ceilf6/FrontAgent

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images.

google-labs-code/stitch-sdk

Expert guidance for Satori, the library that converts JSX/HTML and CSS into SVG (the engine behind dynamic Open Graph images and social cards).

usenotra/notra

Dogfood the learn/ course like a new user: docs site walk, fresh clone setup, then Practice and shell steps from each module.

debs-obrien/playwright-movies-app

GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.

alecs5am/ralphy

FlyCms 前端（frontend/，vue-vben-admin v5）与后端（backend/，Spring Boot Session 认证）对接的领域知识与开发规范。凡在本仓库开发管理端登录、动态菜单、角色/权限/按钮控制、新增给前端调用的后端接口、或新建任何 /system 管理页面时都要使用——即使用户只说"加个页面""接一下登录""加个权限"，也应主动加载本 skill。

sunkaifei/FlyCms

Maintain WCAG-focused accessibility in stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Manage application state with the @virtuoso.dev/reactive-engine- package family.

petyosi/react-virtuoso

Regression check — diff a live page's web accessibility (a11y) violations against a baseline.

AccessLint/skills

Guides scalability and performance work for VeloxDB's Tauri + Rust PostgreSQL backend and React + TanStack frontend.

veloxbase/veloxdb

Comprehensive best practices for the Freighter browser extension.

stellar/freighter

House style for TRMNL framework documentation copy. An agent skill from usetrmnl/trmnl-framework.

usetrmnl/trmnl-framework

Browser automation via 70 tabz MCP tools. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

Apply pull-request review comments to the frontend of kotlinlang.org (Next.js, React, TypeScript, CSS Modules under blocks/, components/, pages/, hooks/, utils/, test/).

JetBrains/kotlin-web-site

Adds animated page transitions to multi-page sites with Barba.js, covering the wrapper and container markup, lifecycle hooks, views and GSAP integration.

freshtechbro/claudedesignskills

Development and maintenance of Xray Config UI Editor. An agent skill from bropines/xray-config-ui-editor.

bropines/xray-config-ui-editor

Author a new Design System Doc Spec (DSDS) spec from component implementation, Figma design, or written requirements.

somerandomdude/design-system-documentation-schema

The original v1 taste-skill, preserved for projects depending on its exact behavior.

caorushizi/oss-client

Enforces a split of UI components into terminal and layout types, with layout components composing others through standard layout tokens, for cleaner structure and fewer re-renders.

paralleldrive/aidd

Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use…

leo-kuang-ai/spec-first

Kuikly UI 框架开发助手（传统 Kuikly DSL）。帮助使用 Kuikly 组件（View、Text、Button、List、Image、Modal、ActionSheet、Input、Scroller、Tabs 等 UI 组件）和模块（Router、Network、SP、Notify 等系统模块），自动提供正确的 import 语句、API…

Tencent-TDS/KuiklyUI-AI

Operate, reproduce, and debug a running local Helmor desktop development build through the Tauri MCP bridge.

dohooo/helmor

Use this when speeding up a web or Electron app's load or input.

jjcm/makefaster

多语言翻译技能，支持中英日德法等多种语言的互译。专注于专业术语的准确翻译，保持原文格式一致性，适用于技术文档、学术论文、商业报告等专业化内容的翻译。触发条件：用户提及"翻译"、"中英翻译"、"英文版"、"多语言"、"localization"等关键词。

stophobia/deerflow2.0-enhanced

Guides porting existing Android 2D apps to Meta VR and Horizon OS — input adaptation, panel layout, and design requirements.

meta-quest/agentic-tools

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

bryllim/bryl-minimal-design

A skill your agent uses when adding or changing user-facing strings in the extension (i18n.t calls or locale JSON) under packages/danmaku-anywhere.

Mr-Quin/danmaku-anywhere

Discover and integrate Sona UI registry components. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

Primary entrypoint for coding agents using CAIRA as reference material to design and build generative AI solutions with Azure AI Foundry, Azure OpenAI-compatible endpoints, agent frameworks, APIs…

microsoft/CAIRA

检查前端多语言 key 完整性。当用户要求检查 i18n、多语言缺失、翻译 key 或运行 check-i18n 时使用。

WrBug/PolyHermes

Designs and reviews Android screens with attention to touch ergonomics, adaptive layouts, accessibility, state handling and an implementation handoff.

ModinMobileSTS/SlayTheAmethystModded

Integrate markstream-vue2 into a Vue 2 plus Vite app. An agent skill from Simon-He95/markstream-vue.

Simon-He95/markstream-vue

A skill your agent uses when the user asks to make a site installable, turn it into a PWA, add a service worker, add a web app manifest, enable "add to home screen", or support offline.

spinspire/pocketbase-sveltekit-starter

Creates zero-dependency, animation-rich HTML slide decks that run in the browser, with style presets, PowerPoint conversion and PDF export, proven by a real-browser render.

beefiker/superloopy

优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI…

fantastic-admin/basic

Use TypeUI with Grok to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Beautify or redesign an existing website through iterative pingfusi review rounds with a real human reviewer.

alex-durango/pingfusi

Arroxy app i18n workflow. An agent skill from antonio-orionus/Arroxy.

antonio-orionus/Arroxy

The DataRepublican design system — tokens, the .dr- component layer, the z-index scale, the icon set and the shell measure.

DataRepublican/datarepublican