For frontend developers

How to build UI in this repo — compose classes with cn, use the CSS-variable design tokens (never raw hex/px), reuse the typographic and ui/ primitives, and define variants with cva like the…

flornkm/personal-site

Run an offline ASO audit on canonical App Store metadata under ./Store and surface keyword gaps using Astro MCP.

CamilleScholtz/swmpc

This skill should be used after visual-spec-review passes and before OpenSpec UI update or frontend implementation.

Jason904/ui-skill-lab

Reviews a code change for correctness, security, maintainability, architecture, performance, and verification gaps, or performs a local code-smell review.

hylarucoder/hai-stack

Use when you need to convert / rewrite existing HTML (from a file or url) into Jaspr code.

rodydavis/signals.dart

Testing patterns for Quarkus extensions: test annotations, test locations, QuarkusExtensionTest patterns, and how to run tests.

quarkusio/quarkus

A skill your agent uses when changing shared cache, failure ledger, BudgetGate, or StateLedger foundations.

meamaturinlove221/TuringResearch_plus

A skill your agent uses when observing or driving an iOS simulator for KMReader debugging — screenshots, accessibility tree, tap/swipe/gestures, hardware buttons, orientation, and unified logs via…

kmworks/kmreader

Cross-discipline interface review. An agent skill from Lily-404/blog.

Lily-404/blog

Take a screenshot of the running Mycelium app, or of CLI output rendered as a terminal card, or record a short video of a flow with a visible cursor and click/zoom animations.

mycelium-io/mycelium

Picks and customizes CometChat's Angular UI Kit components by their verified component list, exact input and output event names, and the surfaces that have no kit component at all.

cometchat/cometchat-skills

Make a launch video for your startup or product with Pexo. An agent skill from pexoai/pexo-skills.

pexoai/pexo-skills

Update ryOS documentation by analyzing the codebase and syncing docs with current implementation.

ryokun6/ryos

Reverse-engineer a design system from a live website (public URL or localhost).

espennilsen/pi

Best practices for internationalization (i18n) and localization (l10n) in Flutter, using the built-in flutterlocalizations and intl setup with ARB files as the single source of truth.

VeryGoodOpenSource/vgv-ai-flutter-plugin

Extract comprehensive site specifications from simple descriptions.

Automattic/wordpress-agent-skills

Plan E2E verification and reproducible evidence, audit test value, or test an isolated system before implementation.

yielded-dev/agent

Modular grid layout with card-like blocks, clear hierarchy, soft spacing, and subtle visual contrast for organized, scannable interfaces.

bergside/awesome-design-skills

Guides building a new Handsontable cell editor through its four-state lifecycle, DOM setup, viewport-aware positioning and async validation, matching the grid's existing editor classes.

handsontable/handsontable

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

alirezarezvani/claude-skills

A skill your agent uses when you need to trigger actions and submit forms.

thedaviddias/ux-patterns-for-developers

Styling and layout guide for Saleor Apps using modern macaw-ui and @saleor/apps-ui-next.

saleor/apps

A skill your agent uses when changing Electron main/preload code, desktop IPC, native windows, menus, dialogs, notifications, updater behavior, deep links, SSH or tunnels, child processes, packaged…

openchamber/openchamber

Read before changing any component, page, or styles. An agent skill from igrlk/storybook-addon-test-codegen.

igrlk/storybook-addon-test-codegen

Design and maintain Ordinus typed IPC contracts. An agent skill from muratgur/ordinus.

muratgur/ordinus

General best practices for Dart development. An agent skill from kevmoo/dash_skills.

kevmoo/dash_skills

A skill your agent uses when building or reviewing UI components for keyboard and screen reader compatibility, adding ARIA to custom widgets, auditing a page for WCAG AA conformance, or preparing…

kid-sid/claude-spellbook

Comprehensive UI/CSS review using parallel agents. An agent skill from aaddrick/claude-pipeline.

aaddrick/claude-pipeline

Test-driven development with red-green-refactor loop, plus a value gate and audit workflow for tests.

bastani-inc/atomic

Add modal dialogs and overlay UI with focus trapping. An agent skill from RtlZeroMemory/Rezi.

RtlZeroMemory/Rezi

A skill your agent uses when creating or modifying React components.

programming-in-th/programming.in.th

Review Sentry React and TypeScript changes for bug patterns drawn from real production issues.

getsentry/sentry

Analyzes GitHub discussion links to identify documentation gaps.

AvaloniaUI/avalonia-docs

社媒矩阵数据追踪面板模板（Social Media Matrix Tracker）. An agent skill from nexu-io/open-design.

nexu-io/open-design

End-to-end workflow for building a new Terrae component from scratch

alamenai/terrae

Runs end-to-end browser tests on the pages touched by the current branch or PR and reports every affected route as pass, fail or skip with reasons.

EveryInc/compound-engineering-plugin

Develop AI agents, tools, and workflows with Mastra v1 Beta and Hono servers.

jwynia/agent-skills

Teaches the saga pattern with call and put so network requests and side effects stay out of the logic and sagas can be tested without mocks.

paralleldrive/aidd

Generates draft requirements from Simulink models. An agent skill from matlab/simulink-agentic-toolkit.

matlab/simulink-agentic-toolkit

Surgical aesthetic upgrade pipeline for existing React codebases.

Yu-369/VibeCurb

Accessibility-first UI automation using IDB. An agent skill from conorluddy/xclaude-plugin.

conorluddy/xclaude-plugin

Build or fix one web UI component in the user's code project, on the design system, typed, accessible and reviewed.

myICOR/myPKA

Integrate a new component into the Sona UI library end to end — the full per-component pipeline of writing the component, demo, docs, registry entry, nav link, playground controls, regenerating the…

Dinil-Thilakarathne/sona-ui

Test Palot's native Electron renderer with preload, IPC, and OpenCode integration.

ItsWendell/palot

Implement accessible Video.js UI. An agent skill from videojs/video.js.

videojs/video.js

适用：根据已批准任务、产品规则、原型或 Figma 输入生成、审计或执行 Version 1 UI 行为 Spec。不适用：替代产品决策、实现 UI、操作系统原生界面或探索未定义流程。触发词：UI Spec、行为契约、plan-spec、spec-writer、spec-auditor、app-operator、Marionette 验收。

bladeofgod/flutter-ai-harness

Enable or disable maintenance mode for the frontend. An agent skill from codecrafters-io/frontend.

codecrafters-io/frontend

Teaches positional (3D) audio in fluttersoloud — play3d/play3dClocked/play3dScheduled, listener position/orientation/velocity, per-source attenuation and Doppler, and the per-frame update pattern.

alnitak/flutter_soloud