Development · For frontend developers

Enforces a split of UI components into terminal and layout types, with layout components composing others through standard layout tokens, for cleaner structure and fewer re-renders.

paralleldrive/aidd

Audit mobile App PRD/Figma/local-source consistency across page routes, KMP/Clean Architecture, components, analytics, i18n, engineering quality, and industry lenses before runtime validation; use…

leo-kuang-ai/spec-first

Shrink code, tests, comments, and docs to what carries meaning — delete dead paths, redundant states, and refactor-dragging tests outright, then hold the survivors to the four bars.

tola-rs/tola-ssg

REQUIRED reading before using figmaexecute. An agent skill from youware-labs/figma-pilot.

youware-labs/figma-pilot

Design, audit, and evolve physical source and package structures that expose real architectural boundaries while keeping related behavior together.

citypaul/.dotfiles

Bulletproof React architecture patterns for scalable, maintainable applications.

yamcodes/arkenv

A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…

elastic/kibana

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Qualify and compare red and blue solutions for an Astro pull request using Astro-specific merge and tie-break criteria.

withastro/astro

Records headless Playwright sessions as .webm videos to show a bug fix working or to give pull request reviewers visual evidence.

liaohch3/claude-tap

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

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

seasonedcc/remix-forms

Finds why a running web app misbehaves when the console is empty and the code looks fine, by reading the click, request, store and console together.

reticlehq/reticle

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

Extracts style objects from the Keybase client's TSX files, then finds places where border helpers could replace repeated code and suggests new helpers.

keybase/client

Reads the advisory design review attached to a pull request's screenshots, fixes the flagged UI problems in product code, and proves each note is gone.

different-ai/openwork

A skill your agent uses when contributing to InsForge's reusable UI package.

InsForge/InsForge

Review Vicinae extensions for publication in the official store, or prepare an extension for submission.

vicinaehq/extensions

为本项目的主流程游戏 UI 提供抽象规范与审查方法，覆盖 GameViewportLayout 及其场景页、共享壳组件和正文交互。Use when implementing, refactoring, or reviewing scene-page structure, typography, borders, navigation, component ownership, or…

ChurchTao/Daoyou

Creates a new design-product project from the kit's product-design template, then installs the engine folders and the Playwright dependency that the quality gates need.

plugin87/ux-ui-agent-skills

Rules for localizing the Cursor BYOK desktop app: the global t() function, complete locale catalogs, system-language selection and the scan-and-check commands.

leookun/cursor-byok

Refactor high-complexity React components in frontend. An agent skill from PageAI-Pro/ralph-loop.

PageAI-Pro/ralph-loop

Record a project design decision into .claude/docs/DESIGN.md through the shared typed writer.

DeL-TaiseiOzaki/claude-code-orchestra

Guides migrating AngularJS 1.x apps to modern Angular: choosing a strategy, running a hybrid app with ngUpgrade, and converting controllers, directives and services.

wshobson/agents

Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and…

hanamizuki/solopreneur

How a docouture Antora documentation site is put together: the playbook, the docs/antora.yml component descriptor, the four names that must agree, the ROOT+main default layout, promoting…

InditexTech/weavejs

Helps update UUI documentation, add doc examples, configure Property Explorer, and manage component API documentation.

epam/UUI

A skill your agent uses when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical…

chaxus/ran

Create or update a Kendo UI component across kendo-themes packages.

telerik/kendo-themes

Find references, Viktor Oddy and MotionSites. An agent skill from TheGoat395/Codex-Skills.

TheGoat395/Codex-Skills

Writes and reviews Blazor .razor components with correct parameters, EventCallback, lifecycle, async and disposal patterns, for components that need no JavaScript interop.

dotnet/skills

Use the GitButler CLI (but) to create a branch, commit changes, push, and open a GitHub PR in the frontend repo.

codecrafters-io/frontend

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Explains how to build or change a Handsontable cell type that bundles an editor, renderer and validator under one registered name, including registration steps and value rules.

handsontable/handsontable

Debug Java applications in Eclipse — set breakpoints, launch in debug mode, step through code, inspect stack traces, evaluate expressions, and hot-swap code changes.

gradusnikov/eclipse-chatgpt-plugin

Control a local iOS simulator or Android device with Mobile Dev's bundled agent-device MCP tools.

callstackincubator/codex-mobile-dev-plugin

ACEHarness Spec Coding skill for generating, reviewing, revising, and executing spec-first requirements/design/tasks artifacts tied to workflow steps.

TheAceTeam/AceHarness

Procedure for benchmarking Matft's PerformanceTests against Numpy and reporting the results (and, when asked, updating the speed comparison table on the docs site, website/docs/performance.md).

jjjkkkjjj/Matft

Help the user understand the current topic visually with concise diagrams, code-shape sketches, and focused HTML artifacts.

tellahq/opensession

A skill your agent uses for ALL Streamlit tasks: creating, editing, debugging, beautifying, styling, theming, optimizing, or deploying Streamlit apps.

streamlit/agent-skills

Synchronize all documentation surfaces after code changes. An agent skill from JayFarei/opentraces.

JayFarei/opentraces

Update the third-party JavaScript vendored into the app for the artifact, diagram, and math WebViews (KaTeX, mermaid, marked, highlight.js, Tailwind, Babel, React).

garfiec/Librechat-Mobile

Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas.

mr-daedalium/ostack-saas

Extract a Google DESIGN.md file from an HTML prototype (claude.ai/design or any styled page) using Puppeteer, producing machine-readable tokens and AI-generated prose.

danielvm-git/bigpowers

Collaboratively write a feature spec with the developer. An agent skill from bartstc/vite-ts-react-template.

bartstc/vite-ts-react-template

Provide an expert codebase review for this repository. An agent skill from jtenniswood/esphome-media-player.

jtenniswood/esphome-media-player

A skill your agent uses to generate well-branded interfaces and assets for beava (beava.dev, an open-source single-binary feature server for stream processing), either for production or throwaway…

beava-dev/beava