Best agent skills for Frontend Developers, page 21

Verify BB user journeys in an isolated source dev app using dev-browser@next and the matching source CLI.

get-bb/bb

Color systems for digital products. An agent skill from Lily-404/blog.

Lily-404/blog

Set up oxlint-tailwindcss — Tailwind CSS v4 lint rules for oxlint — in a project, and act on its diagnostics.

sergioazoc/oxlint-tailwindcss

Gives practical design rules for polished HTML, CSS and JavaScript interfaces and browser games, covering spacing, type, color, components, motion and responsive breakpoints.

pretend1111/claude-desktop-app

Design review and implementation guidance for the Qovery Console.

Qovery/console

A skill your agent uses when the user wants to design, customize, or generate a custom visual theme for their linkyee site (a Hexo-like LinkTree-style static site).

ZhgChgLi/linkyee

Add or change a renderer-to-main IPC channel (a new window.studio call) end to end - main handler, preload, typed API, fixture classification and tests.

genex-games/genex-desktop

Manage shadcn/ui components using MCP tools. An agent skill from julianromli/opencode-template.

julianromli/opencode-template

A skill your agent uses to explain why the Compose compiler classified a class or composable parameter as stable, runtime, unknown, or unstable.

rosuH/EasyWatermark

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

A skill your agent uses when adding, migrating, or changing Patchies Audio V2 nodes, native DSP worklet nodes, audio object docs, audio packs, or AudioService integration.

heypoom/patchies

Audits or remediates Flutter widgets against WCAG 2.2 conformance levels A, AA, or AAA across iOS, Android, Web, macOS, Windows, and Linux, covering Semantics labels and screen reader output under…

VeryGoodOpenSource/vgv-ai-flutter-plugin

A skill your agent uses to migrate your Jetpack Compose app to add adaptive edge-to-edge support and troubleshoot common issues.

sreichholf/dreamDroid

Author or refresh a VeOmni model's patchgen-generated modeling under generated/ — GPU and/or NPU config, dense or MoE, text / VLM / Omni.

ByteDance-Seed/VeOmni

Guides how to adapt lib/modules/dynamicform so plugin dashboards or configuration forms render correctly.

singleton-altman/MoviePilotLite

Conversational AI-first interface with minimal controls, clear outcomes, and delegated task flows for agentic workflows.

bergside/awesome-design-skills

External: Register global design-token variable types from a third-party plugin.

elementor/elementor

Explains how to add or change the demo pages that Handsontable's visual regression suite photographs, including per-feature routes in the js demo and the shared grid.

handsontable/handsontable

MacMagazine design reference — theme tokens, card selection, typography, touch targets, accessibility, dark mode.

MacMagazine/app-iOS

Project switching implementation in sidecar: project discovery, state management, UI flow, modal rendering, filtering, theme preview, and plugin reinitialization.

marcus/sidecar

Interact with Nocturne's local dev-only API: seed a loginable tenant preloaded with realistic sample data, obtain a browser session (loginLink) or bearer token headlessly, export/re-seed the dev…

nightscout/nocturne

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images…

claudekit/frontend-design-pro-demo

Checks that a site's favicon is linked, reachable and large enough for Google search results, and sets up ICO, SVG and Apple touch icon files when they are missing.

thedaviddias/Front-End-Checklist

Mandatory end-to-end procedure for adding or materially changing a DomoDomo tool or category.

darknecrocities/DomoDomo---All-in-one-Tool

Optimizes application performance. An agent skill from sanity-io/sanity.

sanity-io/sanity

Work inside the bezel repo — where code goes across the crate layers, the five laws a change has to obey, and everything a component has to land with (gallery row, docs page, tests, the nightly…

crabtalk/bezel

End-to-end source processing -- seed, reduce, process all claims through reflect/reweave/verify, archive.

agenticnotetaking/arscontexta

How to run a non-trivial change end to end with the CCG role tools (ccganalyze / ccgdesign / ccgbuild / ccgdebug / ccgoptimize / ccgreview / ccgtest) and the verify- quality gates.

fengshao1227/ccg-workflow

Build or revise Tabame quick menu top-bar buttons in lib/widgets/itzy/quickmenu/button.dart.

Far-Se/tabame

Turn raw SVG markup into an Astro icon component in website/src/icons/.

t4t5/rencal

Add a data table with sorting, selection, and keyboard navigation.

RtlZeroMemory/Rezi

Open Analytics' design language, extracted from the shipped product: an ink-derived neutral system, squircle surface anatomy, one small spring vocabulary, pixel-matched skeletons, and a plain-spoken…

OpenLabs-so/oa-design

Designs and builds video-driven parallax hero landing pages with smooth video scrubbing, progress-locked typography, and clean navigation.

nroadley/Creating-Oneshot-Hero-Landing-Pages

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

A skill your agent uses when working with GOAT's Windmill instance — running or syncing analytics tools, inspecting job execution, adding a new tool, or checking which f/goat/tools/ scripts exist.

plan4better/goat

Build a frontend with a deliberate visual direction held through palette, typography, structure, and texture, with on-screen strings that name real information rather than fabricated demo data or…

Ilm-Alan/frontend-design

A skill your agent uses when updating Lingui catalogs or fixing translations

d-kimuson/claude-code-viewer

Build accessible UI with monochrome, the framework-agnostic UI library for agents.

vaneenige/monochrome-ui

Design or improve onboarding flows, empty states, and first-time user experiences.

boussadjra/vuestrata

Add a new page to the Astro + Strapi project. An agent skill from PaulBratslavsky/astro-strapi-example-project.

PaulBratslavsky/astro-strapi-example-project

Grounding, coding standards, testing practices, and verification workflows for developing in the A2UI Swift codebase (under the swift/ directory).

a2ui-project/a2ui

Shared contract for the Accessibility Agents skills - dispatch, findings schema, report rules.

Community-Access/accessibility-agents

Design and implement microinteractions, motion design, transitions, and user feedback patterns.

gustavscirulis/snapgrid

Guides WCAG 2.1 and VoiceOver accessibility testing for iOS apps, working from the accessibility tree and not from screenshots.

conorluddy/xclaude-plugin

Class-based reactive state management for React (Expressive MVC).

gabeklein/expressive-mvc

A skill your agent uses when adding a new interface language (locale) to the app, or when asked to translate the UI into another language.

ZoneMinder/zmNinjaNg

Add a generated regular Next.js source app into the ui-design-bench static gallery as a model generation, including source placement, variant wrapper, manifest/registry/type updates, scoped CSS…

SunkenInTime/which-ai

Rules for calling JavaScript from Jaspr web apps in Dart: which interop libraries to import in server, static and client modes, and how to wrap functions, objects and libraries.

rodydavis/signals.dart