Best agent skills for Frontend Developers, page 18

Implement, fix, extend, or review the Big Slider Card Home Assistant custom card.

nicufarmache/lovelace-big-slider-card

Draft and stress-test a VISION.md for a repository, then iterate with the author on an interactive review board until approved.

kunchenguid/vision

Comprehensive UI/UX review for macOS Tahoe apps. An agent skill from KartikLabhshetwar/better-shot.

KartikLabhshetwar/better-shot

Create or update a CodePlan design.md from clarified requirements, repository observations, constraints, and architecture intent.

tangziwen/CubeMiniGame

Blueprint animation that explains UX decisions step by step.

moguzbulbul/blueprint-animation

Create polished dark-themed process flow diagrams as self-contained HTML+SVG files.

Cocoon-AI/process-flow-diagram-generator

A skill your agent uses whenever the user asks to generate, collect, inspect, or prepare early-experience training data (Implicit World Modeling or Self-Reflection, in the sense of arXiv:2510.08558)…

OSU-NLP-Group/EarlyExperience

Decode and analyze an ESP32 dongle crash report (uploaded .coredump).

haumacher/phoneblock

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

AliceJump/ok-gf2

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Implement and extend routing with zenrouter's Coordinator, RouteManifest, and RouteBinding APIs.

definev/zenrouter

Export Figma variables and styles as DTCG design tokens JSON via the tokens-bruecke CLI, either from the Figma REST API or from a local snapshot of Plugin API data.

tokens-bruecke/figma-plugin

A skill your agent uses when adding or publishing an AI API public-benefit or relay-site listing from promotional copy in this repository, including validating the referral link, regenerating the…

bubblevv/ai-api-gongyi-nav

Test that requirements/install.sh works for an embodied model/env by building its venv and running the matching CI e2e test.

RLinf/RLinf

Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.

vishalsachdev/canvas-mcp

Apple's approach to interface design and fluid, physical motion, translated for the web.

flornkm/personal-site

Use brasilfields in a Flutter app when the user requests this package or it is already a dependency.

flutterbootcamp/brasil_fields

A skill your agent uses when adding a new chapter to the PCL Tutorial web app (web/src/).

LimHyungTae/pcl_tutorial

当用户在使用 fa- 系列技能（如 fa-framework-settings、fa-slot-creator、fa-form-builder、fa-route-generator、fa-store-generator、fa-page-optimizer、fa-theme-customizer 等）时，在同一个目标上经历了 3…

fantastic-admin/basic

A skill your agent uses when users want to install, integrate, or adapt 8StarLabs UI components in a Next.js plus shadcn project.

8starlabs/ui

Nalu.Maui.Controls: InteractableCanvasView (touch-enabled SkiaSharp) and DurationWheel (TimeSpan?

nalu-development/nalu

Create disposable file system test fixtures from objects, templates, or empty directories with automatic cleanup.

privatenumber/fs-fixture

Help integrate Grip Connect in web, Capacitor, React Native, runtime, and CLI projects.

Stevie-Ray/hangtime-grip-connect

Generate Minimal Zine Poster v0.1 poetic paper-poster prompts and the matching generated image.

yub369302-cyber/gc-minimal-zine-poster

Build static HTML pages, reports, dashboards, and mockups that match the CodeMie UI design system.

codemie-ai/codemie-code

Safely exercise and evaluate HTTP APIs with the Volt CLI, including authenticated requests, JSON bodies, staged load, machine-readable results, performance baselines, and before/after comparisons.

owenHochwald/volt

Add a new shipped UITheme pack (like Base or Carbon) to @indielayer/ui.

indielayer/ui

21 production-ready scripts for iOS app testing, building, and automation.

n0an/VivaDicta

Measure and grow the line coverage of the s3s crate. An agent skill from s3s-project/s3s.

s3s-project/s3s

OUDS design token system rules and architecture. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

Shape non-trivial work before writing it — decide the modules, the seams, and the public API surface up front.

getsentry/sentry-dart

Turn WordPress page content or authored design HTML into valid, native, editable Gutenberg blocks, or plan a reusable named registered block for deterministic source generation.

humanmade/block-runner

Translate ComfyUI Mintlify docs from English MDX to ja/zh/ko using translate-i18n.ts.

Comfy-Org/docs

Premium scroll-driven landing pages; scroll = timeline. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.

scalar/scalar

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page.

clockless-org/html-anything

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.

buildfastwithai/gen-ai-experiments

Choose sx, sx, and composeSx when authoring or reviewing Tonic UI Box-based components, including wrappers and headless-library prop getters.

trendmicro-frontend/tonic-ui

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces.

jaytel0/taste

Implement a playbook from its PROMPT specification files. An agent skill from AgnosticUI/agnosticui.

AgnosticUI/agnosticui

Implement a component-level test using WidgetTester to verify UI rendering and user interactions (tapping, scrolling, entering text).

abdulmominsakib/localmind

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

stablyai/orca

A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

victorGPT/vibeusage

A skill your agent uses when: running an existing vscuse test case, reproducing a failing vscuse plan, deciding product bug vs test plan drift vs setup failure vs flake, repairing a failing case…

OfficeDev/microsoft-365-agents-toolkit

Review a library/package from the perspective of an external downstream consumer — build a throwaway crate/project that depends on it the way a real user would, exercise the public API, and surface…

jaemk/cached

Install and run a verifiers environment — smoke testing during development and full benchmark evals.

PrimeIntellect-ai/prime-envs