Best agent skills for Frontend Developers, page 22

Codebase intelligence for TypeScript and JavaScript. An agent skill from fallow-rs/fallow-skills.

fallow-rs/fallow-skills

Add a list+create page to a React app (clients/admin or clients/dashboard) — API module, page, lazy route, (admin) permission gate, Playwright test.

fullstackhero/dotnet-starter-kit

Creates a new UI component with implementation, index, tests, and Storybook stories following PageZERO conventions.

pagezero-dev/pagezero

Structured screenshot analysis for UI implementation and critique.

udayanwalvekar/clearshot

Create or change Video.js React UI components. An agent skill from videojs/video.js.

videojs/video.js

Generates a comprehensive testing plan based on the current branch changes or a specific PR.

quran/quran.com-frontend-next

Audit components for accessibility. An agent skill from scaleway/ultraviolet.

scaleway/ultraviolet

Add dark mode styles to components using Tailwind dark: variant classes.

codecrafters-io/frontend

Analyzes Perfetto traces to find the root cause of latency, memory, or jank issues in Android apps.

jameshnsears/QuoteUnquote

UI/UX design intelligence for web, mobile, and desktop. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Discover and configure Bluetooth and Wi-Fi accessories using AccessorySetupKit.

dpearson2699/swift-ios-skills

Builds or restyles production UI with a clear point of view, checks the result against screenshots and responsive states, and hands document typography to other skills.

tw93/Waza

Check whether the common Python code an LLM would plausibly write still works on this branch, testing real cases in ./playground against CPython.

pydantic/monty

How to add icons to the vglist frontend using Lucide via @lucide/vue.

connorshea/vglist

A skill your agent uses when selecting an existing design system or theme for a product, page, prototype, or implementation through Axhub design knowledge indexes; not when creating or updating a…

lintendo/Axhub-Skills

Step-by-step guide for migrating React applications to Gea — covering project setup, component conversion, state management, routing, styling, and known pitfalls.

dashersw/gea

Create or modify gluestack-core and gluestack-utils packages for component creators and utilities

gluestack/gluestack-ui

CSS, JavaScript, and HTML coding standards for Shopify Liquid themes.

benjaminsehl/liquid-skills

QA engineer for test automation and coverage. An agent skill from paulpreibisch/AgentVibes.

paulpreibisch/AgentVibes

Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

ever-works/ever-works

Builds onchain apps with Coinbase's OnchainKit React components and TypeScript utilities: wallet connection, identity, token swaps, transactions and checkout flows.

BankrBot/skills

Launch Stylebot in a real, headed Chrome window (via yarn dev:chrome) so the user can manually eyeball a change — in whatever checkout the current session is in, worktree or main.

ankit/stylebot

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations.

microsoft/skills

Polishes and improves the UI in your project. An agent skill from VladSez/easy-invoice-pdf.

VladSez/easy-invoice-pdf

Visual verification of a running page through Chrome's DevTools Protocol, capturing screenshots and measuring the rendered DOM.

wellwelwel/lagune

Create and deploy single-page static websites to GitHub Pages with autonomous workflow.

sundial-org/awesome-openclaw-skills

在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用；不负责 Demo 页、测试和文档迁移。

wot-ui/wot-ui

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Implement and review Open Flow frontend components, styling, layout, and interactions.

oomol-lab/open-flow

Stimulus JS framework for Symfony UX -- client-side behavior via HTML data attributes, zero server round-trips.

smnandre/symfony-ux-skills

Implements and documents @reatom/jsx — reactive native DOM JSX.

reatom/reatom

PostHog integration for static Astro sites using SSG. An agent skill from will-be-done/will-be-done.

will-be-done/will-be-done

A skill your agent uses when wanting to systematically improve the React/TypeScript frontend - scans for security vulnerabilities, stability risks, performance issues, and code simplification…

luxury-yacht/app

Author and review the WebMCP documentation site using its Diataxis structure, Mintlify conventions, writing rules, design system, and source-of-truth boundaries.

WebMCP-org/npm-packages

A comprehensive skill for uni-app mini program development. Use when building uni-app mini programs, configuring mini program settings, or working…

feige996/unibest

Create distinctive, production-grade frontend interfaces with a clear visual direction while respecting project design specification constraints, existing design systems, and minimal-diff…

ceilf6/FrontAgent

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images.

google-labs-code/stitch-sdk

When the user wants to implement, optimize, or use App Clips for app discovery and conversion.

appeeky/aso-skills

A skill your agent uses when adding, wrapping, or calling an @ecency/sdk mutation hook in the mobile app (Hive broadcasts like transfer, follow, vote, delegate, community, engine token, or points)

ecency/vision-mobile

Guide for writing local unit tests for PACX commands without relying on external services.

neronotte/Greg.Xrm.Command

Apple HIG guidance for menu and button components including menus, context menus, dock menus, edit menus, the menu bar, toolbars, action buttons, pop-up buttons, pull-down buttons, disclosure…

raintree-technology/hig-doctor

Dogfood the learn/ course like a new user: docs site walk, fresh clone setup, then Practice and shell steps from each module.

debs-obrien/playwright-movies-app

GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.

alecs5am/ralphy

Maintain WCAG-focused accessibility in stream-chat-react. An agent skill from GetStream/stream-chat-react.

GetStream/stream-chat-react

Dogfoods Compozy through an autonomous startup scenario with live providers, cross-surface observation, and strict evidence audit.

compozy/compozy

Create OpenGraph and Twitter share images for Next.js applications using next/og ImageResponse.

Dicklesworthstone/meta_skill

Manage application state with the @virtuoso.dev/reactive-engine- package family.

petyosi/react-virtuoso

Regression check — diff a live page's web accessibility (a11y) violations against a baseline.

AccessLint/skills