Best frontend and UI design skills, page 25

Form implementation guidance for the aghub desktop app. An agent skill from AkaraChen/aghub.

AkaraChen/aghub

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

openclaw/openclaw

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

Audit a Lingui project for hardcoded user-facing strings that were never wrapped in macros.

B0und/WikiSpeedrun

将叙事文本转化为影视开发阶段可用的多用途读本。适用于长会话角色扮演记录、短篇小说、中长篇片段、剧情大纲、剧本初稿、互动叙事等；当用户要求"剧本解读、演员读本、导演阐述、影视化分析、改编分析、短篇小说转影视开发文档、故事转剧本前置分析、给演员/编剧/导演/制片看的分析、AI 剧本化提示包"等任务时触发。输出可按目标受众区分：完整开发读本、演员读本、编剧改编读本、导演视听读本、制片摘要、AI…

zhlmi/narrative-to-screen-reader

Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, types/, and config/ subdirectories.

JNTMTMTM/eIsland

Cartographic principles for MapLibre GL JS — label and symbol legibility on imagery vs.

maplibre/maplibre-agent-skills

Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks.

AlpacaLabsLLC/skills-for-architects

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules

References cold start optimization history and techniques. An agent skill from serithemage/serverless-openclaw.

serithemage/serverless-openclaw

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Anti-slop, high-craft frontend design: landing pages, brand sites, portfolios, dashboards, product/admin UI, commerce (PDP/PLP/checkout).

iZiTTMarvin/Nova-agent

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter

Manually invoked skill for reskinning Payload UI components.

payloadcms/payload

Manage restore context files so skills can survive /clear and /compact.

commercetools/ui-kit

The single command that gets a DashClaw change ON MAIN AND LIVE — it resolves everything blocking production, never defers, and never hands back a checklist.

ucsandman/DashClaw

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

Manavarya09/design-extract

A skill your agent uses for packages/svg-icon-baker SVG-to-symbol work: public API, synchronous error model, safe SVGO configuration, local ID and reference rewriting, viewBox handling, and output…

yangxu52/vite-plugin-svg-icons-ng

Maintain element type comparison safety in remix-forms. An agent skill from seasonedcc/remix-forms.

seasonedcc/remix-forms

Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.

rampstackco/claude-skills

Guided walkthrough for forking and deploying your own SimplePDF Copilot: hosting choice, Pro-account confirmation, AI-provider wiring, demo customization, deploy, and the SimplePDF whitelist step.

SimplePDF/simplepdf-embed

Scan a Markdown file for images, audit every alt text value against accessibility and style guidelines, view each image in the workspace, draft accurate alt text, and edit the file in place.

chef/chef-web-docs

A skill your agent uses when the user asks for a slide presentation.

manalkaff/opendesign

Fast headless browser for QA testing and site dogfooding. An agent skill from no-session/pstack.

no-session/pstack

Deterministic design review for UI/UX on web and terminal screens: measure contrast, spacing, overlap, clipping and copy defects, then judge the rest.

damianvtran/local-operator

Guide for building React components using @stellar/design-system and project SCSS conventions.

stellar/laboratory

Design banners for social media, ads, website heroes, creative assets, and print.

Ohh-889/skyroc

Add a new model to the SGLang Cookbook (docs/, Mintlify), config-driven format — instantiate the model-agnostic template into a per-model config (+ benchmarks) JSX under src/snippets/configs/, an…

sgl-project/sglang

Migrate a legacy-template SGLang cookbook page (monolithic per-model generator under docs/src/snippets/autoregressive/) onto the config-driven template (shared deployment.jsx / playground.jsx…

sgl-project/sglang

A skill your agent uses when a user provides a reference UI screenshot and asks to extract visual specs, generate design tokens, create a component tree, or produce a frontend implementation…

Jason904/ui-skill-lab

A skill your agent uses when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed.

Dinil-Thilakarathne/sona-ui

Generate comprehensive design briefs for design projects. An agent skill from jamesrochabrun/skills.

jamesrochabrun/skills

PiFinder's internationalization (i18n) workflow — marking strings for translation, running the Babel extract/update/compile pipeline, adding or updating language translations, and filling in missing…

brickbots/PiFinder

Website map editor UI patterns: click-to-edit flows, Zustand modals, WholeNumberInput, ComboboxTypeahead for entity/item ids, list panels, and styling.

webdevcody/survive-the-night-game

Build layouts that adapt to the iPhone Duo fold using reserved regions, division and occlusion regions, displacement patterns, and the split and overlay ArrangementView containers.

mirzaaghazadeh/iphone-duo-skills

Debug the RGSM frontend against the real Rust backend in a normal browser, without Tauri IPC or WebView tooling.

mcthesw/game-save-manager

[omh] Screen-reader or keyboard accessibility gaps: prepare WCAG, keyboard, focus, screen-reader, target-size, and reflow evidence gates for UI surfaces.

rlaope/oh-my-hermes

Compare React component render counts between origin/main and the current branch during a user-defined UI scenario (e.g.

imbue-ai/sculptor

宜搭自定义页面开发规范，使用 YidaCodeCanvas 组件实现现代 React18 自定义页面。用于官网、看板、工作台、列表、详情、门户壳、可视化、hooks 交互、表单入口，以及需要门户组件、数据管理视图、成员、部门或上传组件的场景；发布层自动注入 yida/utils window 桥。

openyida/openyida

What to write on each page of a docouture documentation site: the purpose of every page, the section skeleton it needs, what to say in each section, a copyable AsciiDoc starting point and a quality…

InditexTech/weavejs

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

zosmaai/zosma-cowork

将已经可用的 UMD/IIFE 资源封装为 ZUI 主仓库的 lib/ 库，通过 LibLoader 按需加载。不转换资源格式，需求明确时形成集成计划后直接实施。

easysoft/zui

CRITICAL: Use for json-ui component rendering and development.

actionbook/actionbook

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui

Helps work with UUI DataSources (ArrayDataSource, LazyDataSource, AsyncDataSource) powering PickerInput, DataTable, FiltersPanel, and other data-driven components.

epam/UUI

Single-file horizontal-swipe HTML deck in the style of Replit Slides's landing-page template gallery.

sanqiufong/slides-from-anything

Wire mouse, wheel and touch input for react-horizontal-scrolling-menu: onWheel/onScroll are plain (api, event) = void callbacks, while ALL mouse/touch props (onMouseDown, onMouseUp, onMouseMove…

asmyshlyaev177/react-horizontal-scrolling-menu

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system