Best agent skills for Frontend Developers, page 130

A skill your agent uses when you need to switch between two states.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to display token usage and limits.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing provide additional context on hover or focus.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when you need to display hierarchical data structures.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing video playback with controls.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing multi-step forms and processes.

thedaviddias/ux-patterns-for-developers

A skill your agent uses to optimize a social media profile so it converts visitors into followers and followers into leads — bio, handle, name/headline field, profile picture, banner/header…

social-media-skills/skills

Finds translational opportunities that connect basic-research discoveries to clinically meaningful use cases such as diagnosis, stratification, prognosis, treatment response prediction, monitoring…

aipoch/medical-research-skills

Imagine the project already failed, then work backward to find why.

sundial-org/awesome-openclaw-skills

Generate an Xcode SF Symbol asset catalog .symbolset from an SVG.

sundial-org/awesome-openclaw-skills

A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop.

NeverSight/learn-skills.dev

Growth report generator — analyzes converted Codex conversations and produces a progression report using the v2 level system (6 axes × 7 levels, 0.5 increments), leading with one level headline and…

fivetaku/gptaku-plugins-codex

How to BUILD A VEHICLE (rover, hauler, wheeled anything) for LunCoSim out of the mobility component library — assembly root, wheels, tires, suspensions, chassis, lights, variant axes, drive laws…

LunCoSim/lunco-sim

LunCoSim UI architecture and panel implementation patterns. An agent skill from LunCoSim/lunco-sim.

LunCoSim/lunco-sim

How to verify luncosim changes end-to-end without asking the user to click.

LunCoSim/lunco-sim

Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support.

LeoYeAI/openclaw-master-skills

Turns ideas into live, full-stack web applications with editable code, built-in database, user authentication, and hosting.

LeoYeAI/openclaw-master-skills

Fast headless browser for QA testing and site dogfooding. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Create, modify, generate, and deploy websites, web apps, dashboards, SaaS products, internal tools, interactive web pages, Weixin mini program , games on the Baidu Miaoda (秒哒) platform using…

LeoYeAI/openclaw-master-skills

JavaScript bundle size auditor and budget enforcer. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Unused CSS detector and dead selector auditor. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Report-only QA testing. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Senior-level UI/UX design expert for building data-driven, premium production interfaces.

LeoYeAI/openclaw-master-skills

Frontend architect perspective for the weekly review. An agent skill from mizchi/skills.

mizchi/skills

Performance specialist perspective for the weekly review. An agent skill from mizchi/skills.

mizchi/skills

Reproduce first, then fix — turn a reported defect into a failing test, fix it, and confirm that same test goes green.

vfarcic/dot-agent-deck

React/Next.js component design pattern library. An agent skill from revfactory/harness-100.

revfactory/harness-100

Test double (Mock, Stub, Spy, Fake) selection and effective mocking strategy guide.

revfactory/harness-100

Methodology and tools for systematically generating design tokens.

revfactory/harness-100

Checklist and best practices for validating CLI tool user experience.

revfactory/harness-100

WCAG 2.1/2.2 accessibility verification checklist and automated audit methodology skill.

revfactory/harness-100

Build accessible, composable UI with @base-ui/react primitives and project styling tokens.

Asymmetric-al/core

Implement smooth, accessible animations with motion/react (Framer Motion) in React.

Asymmetric-al/core

Build reusable, accessible React components with predictable APIs and ref forwarding.

Asymmetric-al/core

Drive and inspect a local web, IDE, or Electron UI with browser or CDP automation and evidence.

AnastasiyaW/codex-claude-code-config

Build and edit small, personal visual tools and artifacts — dashboards, trackers, calculators, data visualizations, charts, simple landing pages, and slide decks the user wants for THEMSELVES.

vellum-ai/vellum-assistant

Product-aware frontend and README presentation guidance for Antigravity Swarm work.

wjgoarxiv/antigravity-swarm

Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table.

pproenca/dot-skills

Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs.

adobe/skills

Read-only automated QA sweep of a deployed stardust site on AEM Edge Delivery Services — validates routing, content fidelity vs the source capture, template conformance, rendered integrity…

adobe/skills

Design and build launch landing pages that convert visitors into users.

amplitude/builder-skills

A skill your agent uses when determining what test coverage ALREADY exists for a specific change (a PR, Jira key, Tech Breakdown doc, Testmo CSV, changed paths, or named component).

bitwarden/ai-plugins

Backend logic walkthrough — traces call chain from real entry points, verifies data integrity across layers

ricoyudog/Coding_Corgi_flow

CLI walkthrough — terminal-based verification of commands, flags, exit codes, pipes, and help output.

ricoyudog/Coding_Corgi_flow

SBTM-style exploratory testing session — charter-driven, tour-guided, time-boxed human investigation

ricoyudog/Coding_Corgi_flow

Smoke test gate — verifies the application launches and critical paths are accessible before deeper QA

ricoyudog/Coding_Corgi_flow

UI walkthrough — real user path verification with screenshots, component state checks, keyboard navigation, and cross-browser testing

ricoyudog/Coding_Corgi_flow

Mandatory read-only gate that runs before any write to a Figma file, through figmaexecute (figma-console MCP) or usefigma (official Figma MCP).

hashgraph-online/awesome-codex-plugins