Best agent skills for Frontend Developers, page 4

Best practices and example-driven guidance for building SwiftUI views and components.

AFK-surf/OpenBridge

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Set territory-specific pricing for subscriptions and in-app purchases using current asc setup, pricing summary, price import, and price schedule commands.

rorkai/app-store-connect-cli-skills

Audit and improve SwiftUI runtime performance from code review and architecture.

harperreed/dotfiles

Comprehensive skill reference for uni-app cross-platform development framework

sonofmagic/uni-app-tailwindcss-template

Prevents generic AI/Codex UI patterns when generating frontend code.

pdsuwwz/chatgpt-vue3-light-mvp

Scans a codebase for missing or inconsistent UI motion, scores it from 0 to 100, and applies a transitions.dev fix only after you pick between a light polish and a full recipe revamp.

Jakubantalik/transitions.dev

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking.

vmDeshpande/ai-agent-automation

Guides changes to the @handsontable/angular-wrapper package: the HotTableComponent lifecycle, NgZone performance handling, settings services and the ng-packagr build.

handsontable/handsontable

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML.

webhtv/webhtv

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices.

midudev/100cosas.dev

Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design directions, compare styles side by side, and refine visual hierarchy against real…

oil-oil/oil-ui

LLM Agent 多语言注入规范。在修改 Agent 提示词、添加新的 Agent 端点、处理用户可见的后端消息（messagecode）时使用。

microsoft/data-formulator

Classify a failed CI as either caused by an active incident, flakiness, or a true code regression.

DataDog/datadog-agent

Generate React Native Reanimated animation code for React Native apps.

gluestack/gluestack-ui

A skill your agent uses when maintaining the moonbitlang/moonbit-docs repository, including Sphinx docs under next/, MoonBit examples under next/sources/, error-code documentation, gettext…

moonbitlang/moonbit-docs

Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.

feige996/unibest

End-to-end implementation workflow: plan, implement, verify, commit, and open a draft PR.

Automattic/simplenote-android

Replay recorded PlayMode keyboard and mouse input. An agent skill from kurotu/VRCQuestTools.

kurotu/VRCQuestTools

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence.

addyosmani/web-quality-skills

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

Optimize web performance for faster loading and better user experience.

midudev/100cosas.dev

Sync Pensieve's Chinese development/release branch into the English main branch.

kingkongshot/Pensieve

Explains how to use the @pierre/theming package to list, resolve, select, switch and persist themes, with controller, color and React references.

pierrecomputer/pierre

Build UI with the LobeHub design ecosystem — @lobehub/ui (plus its base-ui, chat, mobile, awesome, brand, mdx, i18n namespaces), @lobehub/icons, @lobehub/charts, @lobehub/fluent-emoji and…

lobehub/lobe-ui

Builds and validates experimental WebMCP tools that expose a web page's real workflows to agents, with a manifest, init script and evals compared against accessibility-tree automation.

vercel-labs/agent-browser

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics.

smallnest/pigo

Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.

Ohh-889/skyroc

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc

High-fidelity HTML design and prototype creation. An agent skill from ZeroZ-lab/cc-design.

ZeroZ-lab/cc-design

Home Assistant frontend component patterns. An agent skill from home-assistant/frontend.

home-assistant/frontend

Writes or updates the classnames front matter that renders the class table at the end of a Tabler component docs page.

tabler/tabler

Migrates React projects and components from Radix UI to Base UI.

TheOrcDev/youtube-to-blog

Create or modify Bionic's generated marketing site, documentation, blog, course pages, and static assets.

bionic-gpt/bionic-gpt

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

kurealnum/dotfiles

Control the user's phone — an iPhone through the Mac's iPhone Mirroring window, an Android over adb, or a rented cloud Android: open apps, tap, type, swipe, read the screen.

ShawnPana/phone-harness

Verifies OpenLogi's native GPUI interface with focused tests, the component gallery and a mock agent, choosing the evidence that fits each change.

AprilNEA/OpenLogi

Control Figma via CLI — create shapes, frames, text, components, set styles, layout, variables, export images.

dannote/figma-use

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight.

growupanand/ConvoForm

Detects and diagnoses chunk-evaluation timing bugs in the Vite/rolldown production build of react-ui (works-in-dev / broken-in-build i18n regressions, missing UI labels, module-scope t()…

openops-cloud/openops

Builds and edits HTML views in Go with gomponents, where components are plain functions that return a Node, instead of using template languages.

maragudk/gomponents

A skill your agent uses when UI changes are complete and e2e tests need updating.

payloadcms/payload

Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use.

boussadjra/vuestrata

Expert guidance for Swift Testing: test structure, expect/require macros, traits and tags, parameterized tests, test plans, parallel execution, async waiting patterns, and XCTest migration.

AvdLee/Swift-Testing-Agent-Skill

Scan every frontend surface touched by the current PR/branch for IBM Equal Access Level 1 accessibility issues and fix all in-scope violations by default.

langflow-ai/langflow