Best agent skills for Frontend Developers, page 16

Generate a complete set of favicons from a source image and update HTML.

brianlovin/agent-config

Run linkchecker against a locally served site, a deployed URL, or a local HTML build output, parse the errors, map each broken link back to its Markdown source file, suggest replacement URLs, and…

chef/chef-web-docs

Chinese-language rules for building, changing and reviewing product front ends, covering interface, interaction, state and data flow and component organization.

oil-oil/oil-frontend

Illustrate an article (Markdown, HTML, etc.) with animated-style icons from itshover.com/icons.

smallnest/goal-workflow

Image-to-code replication pipeline. An agent skill from Yu-369/VibeCurb.

Yu-369/VibeCurb

Build an immersive scroll-scrubbed "fly through the world" landing page for any industry or brand using Higgsfield.

AIwithhassan/lets-scroll

Direct-invocation specialist for clear, self-contained HTML plans that preserve source material while improving hierarchy, sequence, ownership, dependencies, and reviewability.

plannotator/effective-html

Guides building browser apps with the @manycore/aholo-viewer npm package to render 3D Gaussian Splatting and mesh content from TypeScript.

manycoretech/aholo-viewer

Add a Figma Code Connect (.figma.tsx) file for a Cauldron React component.

dequelabs/cauldron

A skill your agent uses when changing IPTVnator SCSS tokens, shared layout mixins, portal headers, sidebars, detail views, Electron drag regions, or cross-portal visual consistency.

4gray/iptvnator

Read this before testing or inspecting a built RPM; do not drive mock by hand from memory.

microsoft/azurelinux

A skill your agent uses whenever you need to understand how this theme works — adding pages, managing content, configuring the site, using partials/components/modules, project architecture, scripts…

gethugothemes/parsa-hugo

Writing, editing, and rendering Slab documents (.slab) — the declarative design language for app screens, posters, terminal UIs, and interactive components.

stencil-hq/slab

Expand test automation coverage for codebase. An agent skill from chenjackle45/SayIt.

chenjackle45/SayIt

Accessibility engineering for product interfaces. An agent skill from Lily-404/blog.

Lily-404/blog

Build, improve, and review production interfaces with the Better Design MCP.

marvkr/better-design

使用 i18next-cli 检查、同步和整理本项目的国际化资源。涉及新增、修改、删除翻译键或国际化字符串，以及修复缺失翻译时使用。

huoshen80/ReinaManager

Add a new persisted event (custom eventtype in the append-only log) or a transient UI event, with its producer, readers and tests.

genex-games/genex-desktop

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

Create or modify ryOS Zustand stores following repo conventions — persist middleware, partialize, versioned migrations, the debounced write-behind storage adapter for large slices, and cloud-sync…

ryokun6/ryos

A skill your agent uses when writing or reviewing Jetpack Compose UI tests, screenshot tests or baseline-recording evidence, previews, semantics assertions, fake image loading, keyboard input, focus…

chrisbanes/skills

Composition patterns for building React components with @renders type annotations from eslint-plugin-react-render-types.

HorusGoul/eslint-plugin-react-render-types

Sets the rules for writing Handsontable documentation examples in JavaScript, TypeScript, React, Angular and Vue, with the imports, registration and licence key each needs.

handsontable/handsontable

Imperative scrolling for react-horizontal-scrolling-menu: scrollToItem(getItemById(id), behavior, inline, block), scrollNext/scrollPrev, apiRef for controlling the menu from outside (fire methods…

asmyshlyaev177/react-horizontal-scrolling-menu

Adds, checks and fixes FAQPage JSON-LD on pages with visible question-and-answer sections so it matches what readers see and can qualify for rich results.

thedaviddias/Front-End-Checklist

Test the PD-Hunter Next.js frontend end-to-end. An agent skill from FuZoe/PD-Hunter.

FuZoe/PD-Hunter

Use bdg CLI to drive and debug a real Chrome via Chrome DevTools Protocol - navigate, click, fill and submit forms, check what an action changed (navigation, new messages, pending requests), inspect…

szymdzum/browser-debugger-cli

A skill your agent uses when building Figma plugins, creating design automation tools, implementing sandbox/UI communication, or working with the Figma Plugin API for node manipulation, styles, and…

bergside/design-md-figma

Build native GUI apps in Rust with bezel, the gpui component library (bezel, bezel-gpui, bezel-ui, bezel-theme, bezel-motion, bezel-icons, bezel-markdown, bezel-editor, bezel-terminal).

crabtalk/bezel

面向棘手缺陷和性能回退的诊断循环。适用于用户说 “diagnose” / “debug this”，或报告某些东西 broken、throwing、failing、slow 时。

vinvcn/mattpocock-skills-zh-CN

Apple Human Interface Guidelines for Apple Watch. An agent skill from ehmo/platform-design-skills.

ehmo/platform-design-skills

Generate TelegramThemer's Play Store listing images — capture the 8 required app screenshots on a running emulator/device by driving the real UI with adb, then composite them into the final…

therxmv/Telegram-Themer

Create a new screen/page for a Rezi TUI application. An agent skill from RtlZeroMemory/Rezi.

RtlZeroMemory/Rezi

Use the daleui React design system with semantic Panda CSS tokens and accessible components.

DaleStudy/daleui

Produce a self-contained HTML artifact instead of a markdown document when the content benefits from spatial layout, color, real diagrams, interactivity, or a round-trip editor.

dogum/html-artifacts

Generate Swimlane Lit Element Solution (CDN). An agent skill from swimlane/ngx-ui.

swimlane/ngx-ui

Automatically monitors OKX Flash Earn, Fixed Earn and Flexible Earn opportunities, sends push notifications, and guides subscription.

okx/agent-skills

A skill your agent uses to generate well-branded interfaces and assets for Baby Menu, either for production or throwaway prototypes/mocks/etc.

kunchenguid/baby-menu

A skill your agent uses when changing what the desktop shows or runs: Niri/Noctalia config, a window that is the wrong size, garbled, or missing after a reboot, autostart, fcitx5 or vinput input…

ryan4yin/nix-config

Design engineering principles for making interfaces feel polished.

trycompai/crm

Fix failing pure-stage simulation tests that use asserttracematch() by running the test, reading the trace diff in the failure output, and updating the expected trace using tm helpers from…

pragma-org/amaru

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management.

boussadjra/vuestrata

Register AI-generated-looking UI patterns as prohibited rules in the design system.

tsubotax/melta-ui

i18n — add multilingual translations. An agent skill from erupts/erupt-web.

erupts/erupt-web

A skill your agent uses to triage an incoming issue on the EF Core repo (bug report or feature request).

dotnet/efcore

Chinese-language final-check method for UI visual changes before delivery, using multi-theme screenshot matrices, pixel-level evidence and a CSS cascade checklist.

huiliyi37/Tianshu-harness

Audit spec/plan documents against the codebase. An agent skill from MelbourneDeveloper/dart_node.

MelbourneDeveloper/dart_node

This skill should be used when generating comprehensive test cases from PRD documents or user requirements.

agutinbaigo28/financial-agent-api