Best agent skills for Frontend Developers, page 24

Conventions front (Slick, Preact, CSS structurel, islands). An agent skill from 8borane8/s2pipe.

8borane8/s2pipe

Reproduce a behavioral bug before fixing it, record the failing probe, and verify the fix with the same probe.

lynxlangya/techne

A skill your agent uses when implementing, refactoring, or reviewing frontend UI across SwiftUI, React, React Native, Flutter, web, or mobile apps.

MaxHan7/frontend-ui-standards-skill

REQUIRED reading before using figmaexecute. An agent skill from youware-labs/figma-pilot.

youware-labs/figma-pilot

Storybook best practices for Wonder Blocks component stories.

Khan/wonder-blocks

A skill your agent uses when reviewing or fixing a UI built with pxlkit (@pxlkit/ui-kit) for canonical API usage, accessibility and pixel-perfect quality.

Joangeldelarosa/pxlkit

Architects a Flutter application using the recommended layered approach (UI, Logic, Data).

abdulmominsakib/localmind

Design, audit, and evolve physical source and package structures that expose real architectural boundaries while keeping related behavior together.

citypaul/.dotfiles

Lane-stack design + brand intelligence (vendored ui-ux-pro-max).

VKirill/claude-lane-stack

Maintains synchronization between src/hass folder and Home Assistant frontend source code.

homeassistant-extras/device-card

Generate professional SVG UI panels for structured information display.

xjtulyc/MedgeClaw

Bulletproof React architecture patterns for scalable, maintainable applications.

yamcodes/arkenv

A skill your agent uses when creating, updating, debugging, or reviewing Scout UI tests in Kibana (Playwright + Scout fixtures), including page objects, browser authentication, parallel UI tests…

elastic/kibana

Home Assistant frontend TypeScript conventions. An agent skill from home-assistant/frontend.

home-assistant/frontend

Scaffold a new page builder block for Turbo Start Sanity end-to-end — Sanity schema, GROQ projection, styled React component, Markdown serializer, tests, and all registrations.

robotostudio/turbo-start-sanity

仅分析 AutoStockStapleMain 的 MaaEnd 日志。用于还原该任务实际购买了什么、购买所对应的证据、逐步剩余账单（券/账单）数值时间线，以及在 pipeline 或 go-service 中应当加日志/埋点的位置。适用于用户询问 AutoStockStapleMain、AutoStockStaple、武陵/四号谷地的稳定需求物资购买，或该任务内账单数值变化原因等场景。

MaaEnd/MaaEnd

Add, sync, repair, and compile gettext translations for ok-script Python task classes and task metadata.

baoxin1100/ok-kes

Sets the conventions for the Opik React frontend: TanStack Query for data, Zustand for shared state, one-way layer imports and a fix for Google Translate crashes.

comet-ml/opik

Build, review, or test LiteyukiBot v7's React/Vite WebUI under webui/ and its packaged static delivery in packages/webui/.

LiteyukiStudio/LiteyukiBot

Keeps Tabler pages reachable by updating the preview menu, docs menu and redirect table whenever a page is added, renamed, moved or removed.

tabler/tabler

A skill your agent uses when validating or evaluating Trailblaze's out-of-box (OOB) user experience — does what the trailblaze skill claims actually match the real installed CLI?

block/trailblaze

Contains Chakra UI v3 documentation for styling, theming, and components.

mikotoIO/mikoto

Run tests for a golem Shiny application. An agent skill from ThinkR-open/golem.

ThinkR-open/golem

A skill your agent uses when writing or modifying CIME sys (end-to-end) tests.

ESMCI/cime

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。

XiaoMi/hiui

Swaps native form elements in Chamilo Vue files for Base components and checks that every Base, SectionHeader and Fieldset tag has its import.

chamilo/chamilo-lms

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Generate social media preview images (Open Graph) and configure meta tags.

stevysmith/og-image-skill

Implement navigation in Jetpack Compose using Navigation 3. An agent skill from new-silvermoon/awesome-android-agent-skills.

new-silvermoon/awesome-android-agent-skills

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Design and review command-line interfaces for usability, automation, safety, accessibility, and long-term compatibility.

caarlos0/dotfiles

Qualify and compare red and blue solutions for an Astro pull request using Astro-specific merge and tie-break criteria.

withastro/astro

A skill your agent uses when a task needs a real Braavos wallet driven end-to-end (unlock, connect, approve a transaction) against a live network like Starknet Sepolia, without a human clicking the…

Scaffold-Stark/scaffold-stark-2

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

openclaw/openclaw

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

Records headless Playwright sessions as .webm videos to show a bug fix working or to give pull request reviewers visual evidence.

liaohch3/claude-tap

Audit a Lingui project for hardcoded user-facing strings that were never wrapped in macros.

B0und/WikiSpeedrun

将叙事文本转化为影视开发阶段可用的多用途读本。适用于长会话角色扮演记录、短篇小说、中长篇片段、剧情大纲、剧本初稿、互动叙事等；当用户要求"剧本解读、演员读本、导演阐述、影视化分析、改编分析、短篇小说转影视开发文档、故事转剧本前置分析、给演员/编剧/导演/制片看的分析、AI 剧本化提示包"等任务时触发。输出可按目标受众区分：完整开发读本、演员读本、编剧改编读本、导演视听读本、制片摘要、AI…

zhlmi/narrative-to-screen-reader

Refactor a monolithic React component file into a standardized module structure with components/, hooks/, utils/, types/, and config/ subdirectories.

JNTMTMTM/eIsland

Cartographic principles for MapLibre GL JS — label and symbol legibility on imagery vs.

maplibre/maplibre-agent-skills

Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks.

AlpacaLabsLLC/skills-for-architects

Builds 3D web scenes with Three.js and React Three Fiber, with attention to art direction, a performance budget, mobile behavior and fallbacks.

madebyaris/advance-minimax-m3-cursor-rules

Understand and customize the local Trellis architecture inside a user project.

anjiemo/SunnyBeach

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Anti-slop, high-craft frontend design: landing pages, brand sites, portfolios, dashboards, product/admin UI, commerce (PDP/PLP/checkout).

iZiTTMarvin/Nova-agent

Show a live snapshot of the Bactopia project state — component counts, GroovyDoc coverage, nf-test coverage, and structural issues.

bactopia/bactopia

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter

Manually invoked skill for reskinning Payload UI components.

payloadcms/payload