Best frontend and UI design skills, page 11

Deploy static pages to nexu.space. An agent skill from nexu-io/nexu.

nexu-io/nexu

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Use the built-in Computer sub-agent with agent-desktop for macOS desktop automation.

superagent-ai/grok-cli

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright.

elvisun/newsjack

Extracts the design of a screenshot, website URL or Figma file into a design.md of tokens, components, layout and brand rules, or copies one element into element.md.

uxKero/anydesign

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography.

superhq-ai/shuru

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan

A skill your agent uses when the user reports jank, dropped frames, janky scrolling, slow click or typing response, poor INP, slow LCP, layout shifts (CLS), unresponsive pages, or asks to debug…

millionco/debug-agent

ABP Blazor UI patterns - AbpComponentBase, AbpCrudPageBase, DataGrid, IMenuContributor, Message/Notify, Validations, JavaScript interop.

abpframework/abp

Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

Wholiver/swiftui-design-skill

Design and implement a new feature or component from a GitHub issue.

AgnosticUI/agnosticui

Apple HIG guidance for selection and input controls including pickers, toggles, sliders, steppers, segmented controls, combo boxes, text fields, text views, labels, token fields, virtual keyboards…

raintree-technology/hig-doctor

Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.

onepixelaway/frontend-textbooks

Mobile layout skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

GPU frame debugging with RenderDoc via rdc-cli. An agent skill from rudybear/renderdoc-skill.

rudybear/renderdoc-skill

Generate a fact-checked academic personal homepage from a CV, optionally augmented by an existing manual homepage and an assets directory.

wanshuiyin/ARIS-in-AI-Offer

Create and manage SillyTavern Character Cards (角色卡) and World Books (世界书).

echo-xianyu/worldbook-skill

A skill your agent uses when you need to visually interact with a GUI — test buttons, fill forms, verify visual layouts, fuzz web pages, automate user flows, take screenshots, or perform end-to-end…

am-will/gooey-pi

Frontend rules for building components in the Typebot codebase: simple Tailwind classes, shared UI primitives, minimal useEffect and a fixed declaration order.

baptisteArno/typebot.io

Design original 9:16 Chinese-language cinematic movie posters from story briefs, genre keywords, or visual references, including layered cover workflows with separate image-designed background and…

dacnay816y62-hub/fantasy-movie-poster-skill

Create distinctive, production-grade frontend interfaces with high design quality.

boussadjra/vuestrata

Teaches the agent Jaspr's Flutter-like component model and typed HTML elements, with strict rules on build methods and helper syntax.

rodydavis/signals.dart

Authors OrchardCore documentation — MkDocs Material pages, module README docs, nav entries, admonitions, tabbed content, and redirects.

OrchardCMS/OrchardCore

Consumer guide to build UIs with kampsy-ui (Svelte 5 + Tailwind v4, Geist-inspired).

kampsy/ui

Integrate the alpha markstream-angular package into an Angular 20+ app.

Simon-He95/markstream-vue

A skill your agent uses when adding or refactoring EasyPostman modules, shared code, plugin contracts, UI utilities, i18n, settings, theme/font handling, or deciding where a class belongs.

lakernote/easy-postman

Convert a public brand URL into a practical DESIGN.md file and optional single-file HTML demo.

shaom/brand-to-design-md-skill

Routes UI tasks to the smallest useful set of UI Skills through the ui-skills CLI, picking a category and loading at most three skills before implementing.

ibelick/ui-skills

Design high-quality mobile app UI/UX screens, flows, and components.

ceorkm/mobile-app-ui-design

Debug and trace ColecoVision and Super Game Module games using the Gearcoleco emulator MCP server.

drhelius/Gearcoleco

One-shot efficiency audit of a file, diff, or whole repo across BOTH axes at once: over-engineered code (reinvented stdlib, needless abstractions, speculative config) AND bloated prose (verbose…

JayPokale/Chisle

Run the Macro app on Cursor Cloud and pick up edits. An agent skill from macro-inc/macro.

macro-inc/macro

Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework.

dashersw/gea

Benchmark and profile the Dynamo frontend (dynamo.frontend HTTP + tokenizer + KV router) against mock workers (dynamo.mocker).

ai-dynamo/dynamo

Covers OpenOlat's SASS theme architecture, CSS class conventions, DOM structure, and roughly 540 Java component renderers for styling work.

OpenOLAT/OpenOLAT

This skill should be used when the user wants to "write agent code", "build an agent with ADK", "add a tool", "create a callback", "define an agent", "use state management", or needs ADK (Agent…

pifferologo/cloud-agents-cli

Lays out dense analytics or trading-terminal screens in banded sections with hand-drawn SVG charts, instead of a wall of identical stat cards.

plugin87/ux-ui-agent-skills

Build a new skin for the dsh-web-ui skin collection (DSH Web GUI) and publish it into the skin-center plugin — scaffold with scripts/dsh-skin-new, author skin.json plus the apply/dispose +…

ningbainb/deepseek-harness-desktop

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

Find and fix why a website is slow by capturing and analyzing a Firefox performance profile, or by analyzing a profile the user already has (a saved file or a profiler.firefox.com share link).

mozilla/firefox-devtools-mcp

Repro-first QA for Inkline — minimal .ink.tsx reproductions, the visual-parity and cross-target harnesses, fuzz targets, and how to audit teammates' claims.

inkline/inkline

Shark UI skill for the Ark UI–based shadcn-style registry. An agent skill from sharkui-inc/shark-ui.

sharkui-inc/shark-ui

Set up and drive a running Flutter app (debug or profile) with Marionette — an AI agent's hands and eyes for the app.

leancodepl/marionette_mcp

This skill should be used when comparing two videos to analyze compression results or quality differences.

daymade/claude-code-skills

Flutter animation using the Cue package. An agent skill from Milad-Akarie/cue.

Milad-Akarie/cue

One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states…

AccessLint/skills

Avoid direct React useEffect usage when writing or reviewing React components and hooks.

fastrepl/anarlog