Frontend & Design · For frontend developers

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

Audit web applications for WCAG accessibility compliance. An agent skill from warpdotdev/oz-skills.

warpdotdev/oz-skills

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.

Simon-He95/markstream-vue

Cloudflare product design guidance. An agent skill from elliothux/open-compute.

elliothux/open-compute

JPA/Hibernate patterns and common pitfalls (N+1, lazy loading, transactions, queries).

decebals/claude-code-java

Apply a reversible theme/skin to the WorkBuddy desktop app (Tencent AI office agent) via local Chromium DevTools Protocol (CDP) injection.

cdredfox/workbuddy-skin-studio

A skill your agent uses when the user is hitting Claude usage limits, burning through tokens fast, running a long conversation, or asks how to use Claude Code more efficiently.

Dubibubii/usage-limit-reducer

How to build desktop applications with GPUI Kit, the Rust framework published as the gpui-kit crate (GPUI plus gpuikit::component, gpuikit::base, gpuikit::assets).

StudentWeis/ropy

How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects.

JuliusBrussee/caveman-code

Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces.

kasonye/ui-aesthetics-skill

Takes an app from hardcoded strings to a localized, continuously translated one with i18next (Locize optional): stack detection, config, wrapping strings in t(), key extraction, Locize sync, and AI…

i18next/i18next-cli

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Extend MarkerOn settings, persisted config, or Tauri IPC commands.

ifer47/markeron

Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture.

leookun/cursor-byok

Builds a website page by page with Stitch in an autonomous loop, passing a baton file from one iteration to the next that names the next page and prompt.

google-labs-code/stitch-skills

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.

kqcoxn/MaaPipelineEditor

Create, build, deploy, and localize declarative agents for M365 Copilot and Teams.

microsoft/work-iq

Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming.

Moustachauve/WLED-Android

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

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

miqdadbadjuber/anti-slop

Tamery's UI design system and hard rules — native macOS look, three-level color system, typography tokens, motion recipes, and the kit's known gotchas.

wannabespace/conar

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (asc screenshots frame), and screenshot upload (asc…

CamilleScholtz/swmpc

Internationalize Vue component templates by replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or enUS.js.

rundeck/rundeck

Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.

MageByte-Zero/spec-superflow

Extract component metadata from a Figma design system and generate production-ready QML controls.

TheQtCompanyRnD/agent-skills

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Check modified Nx documentation pages against the astro-docs style guide.

nrwl/nx

Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables.

pierrecomputer/pierre

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

nexu-io/nexu

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

lobehub/lobe-ui

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

Measure whether a change makes Chat's styling replies better, with yarn eval:chat — it runs styling requests on recorded real pages for two versions of Stylebot and measures on the page whether each…

ankit/stylebot

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

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

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

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

abpframework/abp

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

echo-xianyu/worldbook-skill

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

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

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

boussadjra/vuestrata