Best agent skills for Frontend Developers, page 7

Audit and maintain RTL (right-to-left) layout compatibility in stream-chat-react-native.

GetStream/stream-chat-react-native

Maintain a Docusaurus product manual whose prose, navigation, localized page trees, screenshots, coverage metadata, and release build must stay aligned with the application.

matthiasn/lotti

Documentation knowledge base for the ofa.js no-build front-end framework, with rules that keep generated code in ofa.js syntax rather than Vue or React habits.

ofajs/ofa.js

A skill your agent uses when changing or reviewing rendered Payload UI, interaction or focus behavior, semantic markup, accessibility tests, or WCAG/VPAT evidence.

payloadcms/payload

Skill for testing Obsidian plugin features in this repository.

polyipseity/obsidian-terminal

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Puts four real design variations of one project file on your localhost behind a small card you flip with the arrow keys, then acts on your verdict.

Nutlope/variate

Convert an academic paper PDF into a publish-ready, self-contained single-page project homepage (a self-contained index.html) — the kind of paper landing page researchers host on GitHub Pages.

QuZhan51496/paper2anything

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

trycompai/crm

Provides a complete workflow for implementing verified email retrieval on Android Credential Manager API.

arindamxd/camerax-android

Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject.

plannotator/effective-html

Core entry-point router, orchestrator, and reference manual for all Atomico.js tasks.

atomicojs/atomico

Writes or updates a DESIGN.md for one product from its repository or a public URL, recording the design language and tokens that the evidence supports.

ibelick/ui-skills

Creates and maintains the scenarios a LiveKit agent simulation runs, and wires the agent to consume them.

livekit-examples/agent-starter-python

Set up Tailwind v4 + shadcn/ui themed UI with dark mode. An agent skill from jezweb/claude-skills.

jezweb/claude-skills

Create, integrate, redesign, or fix C++ and PySide6 GUIs using FluentQt, including component and Gallery work.

calvinhxx/Fluent-Qt

A skill your agent uses when implementing any feature or bugfix, before writing implementation code

farm-fe/farm

A skill your agent uses when writing, reviewing, or improving Go test code — including table-driven tests, subtests, parallel tests, test helpers, test doubles, and assertions with cmp.Diff.

cxuu/golang-skills

Reverse-engineers a website's design from its URL into a Markdown and JSON pair holding concrete tokens and the trade-offs behind the look.

senlindesign/taste-skill

Skill for building with the Astro web framework. An agent skill from devantler-tech/ksail.

devantler-tech/ksail

Develop the Stitch SDK. An agent skill from google-labs-code/stitch-sdk.

google-labs-code/stitch-sdk

A skill your agent uses when working with color naming, color theory, color spaces, color definitions, or any task involving color knowledge - palettes, ramps, gradients, conversions, accessibility…

meodai/skill.color-expert

Apple Human Interface Guidelines for content display components.

raintree-technology/hig-doctor

Human and accessibility skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns.

jh941213/my-cc-harness

Expert guidance on macOS platform capabilities. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot

A skill your agent uses when writing or changing tests, adding mocks, or tempted to add test-only methods to production code - prevents testing mock behavior, production pollution with test-only…

chrispangg/deepagentsdk

为页面、组件和产品界面提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA. An agent skill from joeseesun/qiaomu-design.

joeseesun/qiaomu-design

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

Bun as runtime, package manager, bundler, and test runner. An agent skill from spinspire/pocketbase-sveltekit-starter.

spinspire/pocketbase-sveltekit-starter

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it.

feigeCode/navop

体验走查 skill。适用于代码库、URL、截图三种输入，输出结构化体验问题报告，并同步生成本地 docx 报告。触发词：体验走查、UX review、交互走查、界面审查、体验问题。

XiaoMi/hiui

Define a frontend feature flag with defineFlag and wire its readers.

macro-inc/macro

A skill your agent uses when creating Gea applications, components, stores, routes, SSR entry points, JSX templates, or working with Gea reactivity and DOM patching.

dashersw/gea

指导如何在 Project Graph 项目中创建新的设置项。当用户需要添加新的设置项、配置选项或需要了解设置系统的实现方式时使用此技能。

graphif/project-graph

Guide for adding new report cards to ClaudeBar that analyze local data sources and display metrics with comparison deltas.

tddworks/ClaudeBar

Check and update installed Claude Code skills from multiple sources (Claude plugins and npx skills).

yizhiyanhua-ai/skills-updater

Senior UI/UX Engineer. An agent skill from alisamadiii/Portfolio.

alisamadiii/Portfolio

Measure lab CLS with profile:cls, debug layout shift from loading shells and first-paint jump, and keep budgets tied to a CI artifact.

LiberatedPixelCup/Universal-LPC-Spritesheet-Character-Generator

This skill MUST be used whenever the task involves UI development, renderer code changes, adding or modifying components, creating modals or dialogs, working with CSS styles, building new UI…

elirantutia/vibeyard

URL search param and hash state management. An agent skill from promptfoo/promptfoo.

promptfoo/promptfoo

Create, update, validate, and review ReTheme v1 themes for the ChatGPT desktop app.

duxweb/ReTheme

Reference for using uni-app-x's built-in components and APIs, with one example file per item, official doc links and platform compatibility notes.

feige996/unibest

A skill your agent uses whenever creating or editing UI in this repo — React components, modals, dialogs, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-desktop

Add Sparkle auto-update support to a native macOS app. An agent skill from fayazara/macos-app-skills.

fayazara/macos-app-skills

Build iOS apps with the ChunUI design system (Monochrome texture extracted from the production app Zinner/Chat0IM).

liseami/ChunUI

Read platform-admin feedback issues through the trusted HTTP admin API, summarize user reports, and turn them into RedBox/RedConvert repair and iteration plans.

Jamailar/Beav

Inspect every open non-draft PR for CI failures and unresolved Cursor Bugbot findings, then fix them on the existing PR branches.

fastrepl/anarlog