Best agent skills for Frontend Developers, page 25

Manage restore context files so skills can survive /clear and /compact.

commercetools/ui-kit

A skill your agent uses when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

A skill your agent uses for packages/svg-icon-baker SVG-to-symbol work: public API, synchronous error model, safe SVGO configuration, local ID and reference rewriting, viewBox handling, and output…

yangxu52/vite-plugin-svg-icons-ng

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

seasonedcc/remix-forms

Comprehensive Test Driven Development guide for engineering subagents with multi-framework support, coverage analysis, and intelligent test generation

alirezarezvani/claude-code-skill-factory

Guided walkthrough for forking and deploying your own SimplePDF Copilot: hosting choice, Pro-account confirmation, AI-provider wiring, demo customization, deploy, and the SimplePDF whitelist step.

SimplePDF/simplepdf-embed

Scan a Markdown file for images, audit every alt text value against accessibility and style guidelines, view each image in the workspace, draft accurate alt text, and edit the file in place.

chef/chef-web-docs

Fast headless browser for QA testing and site dogfooding. An agent skill from no-session/pstack.

no-session/pstack

A skill your agent uses to verify Compose layout measurements from a UI test using assertWidthIsEqualTo, assertHeightIsEqualTo, assertWidthIsAtLeast, assertHeightIsAtLeast…

skydoves/android-testing-skills

Deterministic design review for UI/UX on web and terminal screens: measure contrast, spacing, overlap, clipping and copy defects, then judge the rest.

damianvtran/local-operator

Guide for building React components using @stellar/design-system and project SCSS conventions.

stellar/laboratory

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

Design banners for social media, ads, website heroes, creative assets, and print.

Ohh-889/skyroc

Add a new model to the SGLang Cookbook (docs/, Mintlify), config-driven format — instantiate the model-agnostic template into a per-model config (+ benchmarks) JSX under src/snippets/configs/, an…

sgl-project/sglang

Migrate a legacy-template SGLang cookbook page (monolithic per-model generator under docs/src/snippets/autoregressive/) onto the config-driven template (shared deployment.jsx / playground.jsx…

sgl-project/sglang

A skill your agent uses when a user provides a reference UI screenshot and asks to extract visual specs, generate design tokens, create a component tree, or produce a frontend implementation…

Jason904/ui-skill-lab

Drives development with tests. An agent skill from abashev/vfs-s3.

abashev/vfs-s3

Comprehensive guide for Health Connect Jetpack SDK development.

androidx/androidx

A skill your agent uses when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed.

Dinil-Thilakarathne/sona-ui

Generate comprehensive design briefs for design projects. An agent skill from jamesrochabrun/skills.

jamesrochabrun/skills

PiFinder's internationalization (i18n) workflow — marking strings for translation, running the Babel extract/update/compile pipeline, adding or updating language translations, and filling in missing…

brickbots/PiFinder

A skill your agent uses when working in the traffico repository and needing host-realistic release smoke evidence through the Lima traffico-ebpf VM, including validating the Lima config, starting…

leodido/traffico

Website map editor UI patterns: click-to-edit flows, Zustand modals, WholeNumberInput, ComboboxTypeahead for entity/item ids, list panels, and styling.

webdevcody/survive-the-night-game

Run an exhaustive parallel dogfooding sweep for a library, language, SDK, or runtime: send three independent agents to build the same ambitious application on different supported platforms, drive…

stencil-hq/slab

Build layouts that adapt to the iPhone Duo fold using reserved regions, division and occlusion regions, displacement patterns, and the split and overlay ArrangementView containers.

mirzaaghazadeh/iphone-duo-skills

Debug the RGSM frontend against the real Rust backend in a normal browser, without Tauri IPC or WebView tooling.

mcthesw/game-save-manager

[omh] Screen-reader or keyboard accessibility gaps: prepare WCAG, keyboard, focus, screen-reader, target-size, and reflow evidence gates for UI surfaces.

rlaope/oh-my-hermes

Compare React component render counts between origin/main and the current branch during a user-defined UI scenario (e.g.

imbue-ai/sculptor

宜搭自定义页面开发规范，使用 YidaCodeCanvas 组件实现现代 React18 自定义页面。用于官网、看板、工作台、列表、详情、门户壳、可视化、hooks 交互、表单入口，以及需要门户组件、数据管理视图、成员、部门或上传组件的场景；发布层自动注入 yida/utils window 桥。

openyida/openyida

A skill your agent uses when handling custom classes, object serialization, deserialization, and custom marshalers (SquadronMarshaler, GenericMarshaler, MarshalingContext) for cross-platform worker…

d-markey/squadron

A skill your agent uses when writing, fixing, extending, or reviewing OPA5 integration tests for SAP Fiori Elements applications - whether the app uses OData V4 (sap.fe.test library) or OData V2…

SAP/open-ux-tools

What to write on each page of a docouture documentation site: the purpose of every page, the section skeleton it needs, what to say in each section, a copyable AsciiDoc starting point and a quality…

InditexTech/weavejs

Tauri development guidelines for building cross-platform desktop applications with TypeScript, Rust, and modern web technologies

zosmaai/zosma-cowork

Generate tests from Allium specifications. An agent skill from DataDog/datadog-agent.

DataDog/datadog-agent

Write, review or debug a cloudSyncModule.ts — a CloudSyncDataManager that syncs one slice of user data through Ledger Sync (Cloud Sync).

LedgerHQ/ledger-live

将已经可用的 UMD/IIFE 资源封装为 ZUI 主仓库的 lib/ 库，通过 LibLoader 按需加载。不转换资源格式，需求明确时形成集成计划后直接实施。

easysoft/zui

CRITICAL: Use for json-ui component rendering and development.

actionbook/actionbook

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp).

sanity-io/ui

Run the checklist before committing or merging — read the diff, lint, typecheck, the unit suite, the e2e specs the change touches, then report and commit.

ploxc/modbux

Helps work with UUI DataSources (ArrayDataSource, LazyDataSource, AsyncDataSource) powering PickerInput, DataTable, FiltersPanel, and other data-driven components.

epam/UUI

Wire mouse, wheel and touch input for react-horizontal-scrolling-menu: onWheel/onScroll are plain (api, event) = void callbacks, while ALL mouse/touch props (onMouseDown, onMouseUp, onMouseMove…

asmyshlyaev177/react-horizontal-scrolling-menu

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

Write a narratable, accessibility-oriented text description of an existing PartCAD part, assembly, or sketch from its measured bounding box and volume, from renders taken at several viewing angles…

partcad/partcad

Create Framer Code Components and Code Overrides. An agent skill from fredm00n/framerlabs.

fredm00n/framerlabs

Create system-level or epic-level test plans. An agent skill from bmad-code-org/bmad-method-test-architecture-enterprise.

bmad-code-org/bmad-method-test-architecture-enterprise

Guide a new AgentUse user from a confirmed project to one validated first agent and its first CLI or Web UI run.

agentuse/agentuse

A skill your agent uses when designing or building native macOS applications with SwiftUI or AppKit.

vaayne/mori

SolidJS framework development skill for building reactive web applications with fine-grained reactivity.

fjrevoredo/mini-diarium