Best agent skills for Frontend Developers, page 20

Run a 5 Persona Advisory Board review, board review, strategic decision stress-test, offer critique, risk check, or pricing/timing/positioning decision review.

harryvondiesel-web/5-persona-advisory-board

Generate App Store screenshots and header/search images for iPhone, iPad and Mac from a codebase or landing page, or re-render a set.

luongnv89/skills

用于实现、修改、重构或评审产品前端。当前任务涉及页面、组件、交互、表单、状态、数据流、Hook、类型、CSS、前端代码组织或共享实现时自动触发。触发后先阅读 SKILL.md 判断相关范围，只读取与当前任务直接相关的参考文件；如果改动与产品前端无关则停止使用。纯构建、部署、依赖升级、安全、后端任务，以及只解释前端概念而不处理项目实现的请求，不触发。

Mystic-Stars/Axolotl

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

Manavarya09/design-extract

Turn multiple visual website references into original frontend directions, then refine a chosen direction.

cth9191/taste-vault

A skill your agent uses when the user asks to produce a reusable design system or UI kit from an existing brand, codebase, or product.

manalkaff/opendesign

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

React SPA auth patterns with @clerk/react for Vite/CRA - ClerkProvider setup, useAuth/useUser/useClerk hooks, React Router protected routes, custom sign-in flows.

geekskai/blog

Sweeps a running web app by clicking every reachable control, then reports dead buttons, console errors, failed requests and mismatches between API data and the screen.

reticlehq/reticle

Self-contained SaaS pipeline — invoke directly, do not decompose.

popmechanic/VibesOS

Detects and fixes accessibility issues in React/Fluent UI webviews.

microsoft/vscode-cosmosdb

生成海报/做海报/公众号封面/小红书配图/朋友圈配图/OG图/分享卡/头图/横幅/banner — social-ready posters, covers and share cards with big-type layouts, brand gradients and platform size specs.

tsingliuwin/autoclaw

Build, install, and run the Compose Material Catalog application on connected devices or emulators.

androidx/androidx

Develop HuxerUI SDK apps: create/open projects, build UI and app-side components, configure CMake/CLI, review, and troubleshoot.

LangLang03/LineCodePro

OKLCH color space for web projects. An agent skill from Dinil-Thilakarathne/sona-ui.

Dinil-Thilakarathne/sona-ui

Chat Gun 的前端、OpenSpec、Streaming Event、Tool Renderer、型別邊界、多模態流式鏈路與 React/Vite 編程約束。Use when working on frontend code, tool rendering, streaming contracts, multimodal requests/responses, Weather…

HsienW/chat-gun

Deploy frontend projects to instant preview URLs using sher.

sherdotsh/sher

NERV Operations Console v2 — Evangelion-inspired UI component library.

TheGreatGildo/nerv-ui

QA the Sculptor mobile web UI on a real iOS Simulator, driven headlessly from a Mac.

imbue-ai/sculptor

Translate the Econumo app into a new language. An agent skill from econumo/econumo.

econumo/econumo

工程代码格式化风格指引

Pixeval/Pixeval

Helps create and modify UUI (EPAM Unified UI) components following established patterns.

epam/UUI

Check and analyze upstream Storybook repository changes that may need to be synced to storybook-rsbuild.

rstackjs/storybook-rsbuild

Debug Python with pdb, breakpoint(), post-mortem inspection, and debugpy remote attach.

openclaw/openclaw

Rspack best practices for config, CLI workflow, type checking, CSS, bundle optimization, assets and profiling.

artusjs/spec

Audit an existing UI/UX design (React/JSX/TSX components, HTML, or generated app code) against a tiered ruleset of verifiable UX principles, and produce structured, evidence-cited findings that a…

rome-os/rome

Build, update, and apply iOS design specifications using Apple Human Interface Guidelines (HIG) source data.

davepoon/buildwithclaude

Expertise in compiler development using LLVM infrastructure including frontend design, IR generation, optimization passes, and code generation.

aftermathlabs/llvm-msvc

Drive the S2 debug build's playback and queue over ADB broadcasts — play the whole library, play/pause, skip, seek, remove a queue item, toggle shuffle/repeat, dump playback state as JSON, reimport…

timusus/Shuttle2

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

ancoleman/ai-design-components

Translates an image (or a set of image references — screenshots, mockups, Figma URLs, live websites) into two mirrored design-system artifacts: docs/design.md (YAML tokens + prose, following…

BuildGreatProducts/builder-os

Rebuilds an app's design system for a clone: colour roles, type scale, spacing, radius, shadows and every component with its states, as design tokens plus component specs, with original assets…

Jakeschincariol/replica-skill

Set up high-performance development servers with Hot Module Replacement.

involvex/youtube-music-cli

Fetch a deterministic snapshot of open MUI Renovate PRs and review them one by one.

mui/mui-public

A skill your agent uses when an agent needs to implement or modify the Inspector library itself — panel UI, hierarchy/runtime behavior, custom property models, macros, or Example-app dogfooding.

ipedro/Inspector

Explain, create, update, or use Baserow registries across backend and frontend code, including Instance/Registry patterns, registration points, model-backed type registries, serializer/API…

baserow/baserow

Deploys the library to OSSRH staging and creates a pre-release, but publishing must be done manually via the Sonatype web UI.

spotify/android-auth

UI audit for hierarchy, accessibility, and UX. An agent skill from MigoXLab/webqa-agent.

MigoXLab/webqa-agent

A skill your agent uses when building or modifying UI with the Dile Components library (@dile/ui, @dile/crud, @dile/editor, @dile/utils, @dile/lib, @dile/iconlib, @dile/icons) — a…

Polydile/dile-components

Generate landing pages/webpages with the Felo Landing Page Task API in Claude Code.

Felo-Inc/felo-skills

Turn a vague product, character-card, frontend, or Vibe Coding wish into a bounded total design, first-playable contract, scale-appropriate blueprint, resumable NEXT handoff, and evidence-gated…

LiarMTTT/TavernWeave

Reads your git diff, decides whether the change needs browser QA, API checks or repo tests, runs that validation and reports pass or fail with evidence.

Skyvern-AI/skyvern

Select a consistent visual design system for PPT slides using radius/spacing style recipes.

haojing8312/WorkClaw

Review Easydict UI automation screenshot artifacts already present in local artifacts/ui-screenshots, screenshots, or a user-provided artifact directory.

xiaocang/easydict_win32

Direct-invocation specialist for polished, responsive, self-contained HTML mockups and interactive prototypes grounded in the user's conversation, product context, and design language.

plannotator/effective-html

A skill your agent uses when contributing to InsForge's shared schema package.

InsForge/InsForge

Sync, validate, and apply App Store metadata with the current asc canonical metadata workflow.

CamilleScholtz/swmpc

A skill your agent uses when changing user-visible Angular UI in IPTVnator, especially channel rows or lists, EPG views, settings and playlist surfaces, selection states, shared portal components…

4gray/iptvnator