Best agent skills for Frontend Developers, page 17

A skill your agent uses when working with Tauri 2 projects (tauri.conf.json, src-tauri/, capabilities, permissions,

mukiwu/tempo-term

GitMesh Agents UI design system. An agent skill from LF-Decentralized-Trust-labs/gitmesh.

LF-Decentralized-Trust-labs/gitmesh

Updates the White Paper theme to the latest stable Ruby and Jekyll releases, resolves compatibility issues, verifies builds, maintains the changelog, and bumps the theme version.

vinitkumar/white-paper

HashQL testing strategies including compiletest (UI tests), unit tests, and snapshot tests.

hashintel/hash

Create StoryLite component stories in consumer projects that use StoryLite public packages, explaining StoryLite's CSF-like story format with examples from single-story files to advanced args…

itsjavi/storylite

Set an ECC-specific frontend design direction for production UI work.

affaan-m/ECC

This skill should be used when the user explicitly says "Lunora style", "Lunora design", "/lunora-design", or directly asks to use/apply the Lunora design system.

anolilab/lunora

tinyvue组件库开发规范

opentiny/tiny-vue

Draws a slim, long-limbed character acting out one coding or design moment as an outline-free flat SVG card, in a fixed measured palette with confetti and no ground line.

MengTo/Skills

Turn filed lessons into the smallest doctrine edit. An agent skill from ReinaMacCredy/maestro.

ReinaMacCredy/maestro

A skill your agent uses when translating localization/i18n .po files with AI.

elegooofficial/ElegooSlicer

Write and debug Flutter widget tests using package:spot selectors, assertions, interactions, screenshots, and timeline reports.

passsy/spot

Enforces a strict next-implement-check-done cycle through the agent-foreman CLI so an agent works one backlog task at a time, with optional TDD gating.

mylukin/agent-foreman

Write CI-executable acceptance/integration tests for protocol or end-to-end changes (TR-F022).

talkincode/toughradius

Rebuild the website playground browser bundles after changing @geajs/core or @geajs/vite-plugin source.

dashersw/gea

A skill your agent uses when the user requests to design, create, build, generate, or make a new Figma component or screen — including phrases like "make a button", "design a settings page", "build…

noemuch/bridge

Create or update component documentation with examples, API reference, and best practices

gluestack/gluestack-ui

Build, edit, refine, troubleshoot, and review polished responsive product interfaces through the Loora MCP server and its structured Canvas schemas.

lassejlv/loora

Direct Android device control through ADB. An agent skill from yang1ming/android-harness.

yang1ming/android-harness

Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes.

benjaminsehl/liquid-skills

Apply or review multi-version support compliance for first-party Nx plugins.

nrwl/nx

Shows an agent how to install and use the @pierre/theme package, which ships ten Pierre light and dark color themes for Shiki and VS Code.

pierrecomputer/pierre

Fast headless browser for QA testing and site dogfooding. An agent skill from mr-daedalium/ostack-saas.

mr-daedalium/ostack-saas

Generate Simulink Test Sequence blocks and harnesses from EARS requirements.

matlab/agent-skills-playground

Translate Stylebot's locale strings, in the extension or on stylebot.dev — fill in strings that English has and other locales lack, retranslate English strings that changed, or add a whole new…

ankit/stylebot

Generate a vexana INetworkModel (with nested classes), a sendRequest service method and a round-trip model test from a JSON sample, a JSON file or an existing model, for a Flutter project using…

VB10/vexana

Write, check, repair and publish a plan page: a project's plans and subject files under its plans directory, rendered by .agents/pstack/plan-page.mjs and rendered as one local HTML page per subject…

udecode/dotai

Create aesthetic templates without first creating a plugin - capture visual design concepts through adaptive questioning.

glittercowboy/plugin-freedom-system

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects.

feature-sliced/skills

A skill your agent uses when writing or refactoring React + Tailwind v4 code in this repo.

mailtrap/mailtrap-local

Symfony UX LiveComponent for reactive server-rendered UI -- components that re-render via AJAX on user interaction, zero JavaScript required.

smnandre/symfony-ux-skills

Masters Reatom v1001 async flows. An agent skill from reatom/reatom.

reatom/reatom

OpenCode Desktop should be RTL-aware. An agent skill from SeeRay11/OpenFlow.

SeeRay11/OpenFlow

A skill your agent uses when adding a new screen, route, or user-facing feature to the Ecency mobile React Native app, covering navigator registration, route params, i18n strings and styling.

ecency/vision-mobile

Apple Human Interface Guidelines for layout and navigation components.

raintree-technology/hig-doctor

A skill your agent uses when user wants to create a new Next.js 15 project (Todo/Blog/Dashboard/E-commerce/Custom domain) with App Router, ShadCN, Zustand, Tanstack Query, and modern Next.js stack

bear2u/my-skills

Core ABP Framework conventions - module system, DI registration, base classes (ApplicationService, DomainService), IClock, BusinessException, localization, async patterns.

abpframework/abp

为 React 项目建立从浏览器页面元素到精确 JSX/TSX 源码、结构化上下文与可审阅修改的 SpotPatch 工作流。用户提到 SpotPatch、截图沟通前端修改、页面元素定位源码、Vite 或 Next.js 接入、组件数据链路、结构化 Prompt、AI 补丁审阅、安装检查或故障排查时使用此技能。

huanglvjing/spotpatch

Essential native macOS development patterns that web developers don't know about.

fayazara/macos-app-skills

Comprehensive guidance on setting up npm libraries with package.json, with a preference for ES Modules (ESM).

vana-com/personal-server

Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology.

AccessLint/skills

Create a new Licia utility module following project conventions.

liriliri/licia

Build web interfaces with genuine design quality, not AI slop.

udecode/plate

Skill to assist with running tests and managing test VMs in the crosvm repository.

google/crosvm

Meta skill for the EvanFlow system. An agent skill from evanklem/evanflow.

evanklem/evanflow

为 mfish-nocode-pro 项目前端（Vue3 + TypeScript）生成标准增删改查页面代码，包括 Model、API、data、index.vue、Modal、ViewModal 六个文件。当用户说"帮我生成前端增删改查"、"新增前端页面"、"生成前端CRUD"时使用此 skill。

mfish-qf/mfish-nocode

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth.

marcimastro98/Xenon