Frontend & Design · For frontend developers

Performs an accessibility code review of a local diff or Phabricator revision in the style of the Firefox accessibility team.

SAP/project-foxhound

Extract design primitives from a public website and generate starter token files for your project.

arvindrk/extract-design-system

Fix violations of an eslintPluginScraps rule across the codebase.

getsentry/sentry

Elite frontend image-direction skill for generating premium, conversion-aware website design references.

caorushizi/oss-client

Builds the visual layer of a holaOS dashboard app with TanStack Start and @holaboss/ui, starting from a bundled reference instead of a blank page.

holaboss-ai/holaOS

Builds Frappe-style interfaces from the frappe-ui Vue 3 components and semantic Tailwind tokens instead of hand-rolled controls.

frappe/drive

Make interfaces production-ready: error handling, empty states, onboarding flows, i18n, text overflow, and edge case management.

zhushen12580/smart-screenshot

Guides semantic, accessible HTML work: pages, forms, media and HTML5 APIs, plus how to deliver a runnable webpage project with a preview.

TokenRhythm/opensquilla

Keep www-sacred's TypeScript fast to type-check and fast to run.

internet-development/www-sacred

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Documentation knowledge base for the ofa.js no-build front-end framework, with rules that keep generated code in ofa.js syntax rather than Vue or React habits.

ofajs/ofa.js

Puts four real design variations of one project file on your localhost behind a small card you flip with the arrow keys, then acts on your verdict.

Nutlope/variate

A skill your agent uses when changing or reviewing rendered Payload UI, interaction or focus behavior, semantic markup, accessibility tests, or WCAG/VPAT evidence.

payloadcms/payload

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

trycompai/crm

Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject.

plannotator/effective-html

Human and accessibility skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

Writes or updates a DESIGN.md for one product from its repository or a public URL, recording the design language and tokens that the evidence supports.

ibelick/ui-skills

Core entry-point router, orchestrator, and reference manual for all Atomico.js tasks.

atomicojs/atomico

Create, integrate, redesign, or fix C++ and PySide6 GUIs using FluentQt, including component and Gallery work.

calvinhxx/Fluent-Qt

Convert an academic paper PDF into a publish-ready, self-contained single-page project homepage (a self-contained index.html) — the kind of paper landing page researchers host on GitHub Pages.

QuZhan51496/paper2anything

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

jezweb/claude-skills

Retake the Chrome Web Store and Edge Add-ons screenshots in store/screenshots/, or the Mac App Store ones in store/safari/, with yarn capture:store, then check each one by eye before committing.

ankit/stylebot

Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

senlindesign/taste-skill

Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and…

leepokai/Codync

Skill for building with the Astro web framework. An agent skill from devantler-tech/ksail.

devantler-tech/ksail

Develop the Stitch SDK. An agent skill from google-labs-code/stitch-sdk.

google-labs-code/stitch-sdk

A skill your agent uses when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility…

meodai/skill.color-expert

Apple Human Interface Guidelines for content display components.

raintree-technology/hig-doctor

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.

jh941213/my-cc-harness

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it.

feigeCode/navop

为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA. An agent skill from joeseesun/qiaomu-design.

joeseesun/qiaomu-design

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

Bun as runtime, package manager, bundler, and test runner. An agent skill from spinspire/pocketbase-sveltekit-starter.

spinspire/pocketbase-sveltekit-starter

体验走查 skill。适用于代码库、URL、截图三种输入，输出结构化体验问题报告，并同步生成本地 docx 报告。触发词：体验走查、UX review、交互走查、界面审查、体验问题。

XiaoMi/hiui

Define a frontend feature flag with defineFlag and wire its readers.

macro-inc/macro

A skill your agent uses when creating Gea applications, components, stores, routes, SSR entry points, JSX templates, or working with Gea reactivity and DOM patching.

dashersw/gea

指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。

graphif/project-graph

Check and update installed Claude Code skills from multiple sources (Claude plugins and npx skills).

yizhiyanhua-ai/skills-updater

Measure lab CLS with profile:cls, debug layout shift from loading shells and first-paint jump, and keep budgets tied to a CI artifact.

LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI…

elirantutia/vibeyard

URL search param and hash state management. An agent skill from promptfoo/promptfoo.

promptfoo/promptfoo

Create, update, validate, and review ReTheme v1 themes for the ChatGPT desktop app.

duxweb/ReTheme

Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.

feige996/unibest

A skill your agent uses whenever creating or editing UI in this repo — React components, modals, dialogs, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-desktop

Read platform-admin feedback issues through the trusted HTTP admin API, summarize user reports, and turn them into RedBox/RedConvert repair and iteration plans.

Jamailar/Beav

Home Assistant standalone demo structure, configurations, URL navigation, mocked APIs, shared demo stubs used by gallery, and verification.

home-assistant/frontend

Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

KyrieCheungYep/ky-design-to-html-skill