Best agent skills for Frontend Developers, page 19

Index of every documented @radix-ng/primitives example. An agent skill from radix-ng/primitives.

radix-ng/primitives

Decides whether an interface effect belongs in CSS, SVG, Canvas 2D, WebGL or WebGPU, then builds, debugs and visually verifies focused GPU effects inside product UIs.

v2space-labs/shader-for-interfaces

Comprehensive reference for building Mintlify documentation sites.

lilinji/ai-infra-odyssey

Apply consistent Material Design UI theming in Egroo using MudBlazor.

jihadkhawaja/Egroo

Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and…

pdsuwwz/chatgpt-vue3-light-mvp

新增或改写 MaaEnd 的 AutoCollect 自动采集路线说明。默认包含路线文件创建、AutoCollect 主入口接线、任务选项注册和多语言文案补充。适用于“参考现有 AutoCollect 路线新建一条采集线”“给定传送点与路径点位生成 AutoCollectRouteX.json 并注册到任务中”“用户已经写好路线文件，只需要补注册接口”等场景。注意：本 skill 仅适用于参考…

MaaEnd/MaaEnd

Deep links in ToolHive Studio. An agent skill from stacklok/toolhive-studio.

stacklok/toolhive-studio

Technical reference for writing open-sheet workbooks as React files that export live .xlsx models, built around a rule against hand-written cell addresses.

lianghsun/open-sheet

Authors and validates SWTBot JSON probe scripts for GitHub Copilot for Eclipse UI flows against a real Eclipse workbench.

microsoft/copilot-for-eclipse

A skill your agent uses when modifying Archestra frontend Next.js/React code, UI components, forms, TanStack Query hooks, generated API client usage, frontend copy, or documentation links.

archestra-ai/archestra

Design or substantially improve a landing page for tinte. An agent skill from Railly/tinte.

Railly/tinte

Update Higress Envoy binary and gateway image dependencies for e2e validation.

higress-group/higress

Installation instructions for daisyUI 5 with Tailwind CSS 4: the npm setup, CSS plugin lines, CDN usage and pointers to framework-specific guides.

saadeghi/daisyui

Build server-rendered Dioxus pages using opinionated Rust on Nails patterns.

bionic-gpt/bionic-gpt

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

Explores a feature idea through HTML mocks that match the project's existing UI, keeping every earlier version and logging each requested tweak in a context file.

imbue-ai/bouncer

A skill your agent uses when building Cmd+K command palettes in React - covers keyboard navigation with arrow keys, keeping selected items in view with scrollIntoView, filtering with shortcut…

AgentWorkforce/relay

Visually verify graphviz2drawio conversion fidelity by rendering a graphviz source side-by-side as a native graphviz PNG and a converted draw.io PNG, then reading both images to compare.

hbmartin/graphviz2drawio

Converts a working code prototype into a structured Figma file with one frame per interaction state, mapped to your design system and annotated with transitions.

alima-max/prototype-to-figma-skill

Test website responsiveness across viewport widths using browser automation.

jezweb/claude-skills

Scaffold a unified, cross-platform color theme system into an Expo Router app.

Code-with-Beto/skills

Inventory and classify APIs listed in a pre-provided CSV for a WDK header file.

MicrosoftDocs/windows-driver-docs-ddi

Inspect the current Spur (AMD SLURM-compatible) cluster node-allocation state and produce a Markdown report (optionally rendered to a standalone HTML page) covering the caller's account/QoS…

AMD-AGI/Primus

Quick reference for TermUI components, hooks, and theming. An agent skill from Arindam200/termui.

Arindam200/termui

Use the Gerillass Sass mixin library — loading it, the mixin catalogue, and the argument forms that are easy to get wrong.

selfishprimate/gerillass

Independently implement and validate an alternative solution for an Astro pull request.

withastro/astro

A skill your agent uses when adding or modifying JETLS tests.

aviatesk/JETLS.jl

Run bot acceptance tests to validate MCP tools work correctly from a real AI agent's perspective.

homeassistant-ai/ha-mcp

Run end-to-end tests that validate Vorpal services and client builds.

ALT-F4-LLC/vorpal

UI/UX design-system intelligence - 84 styles, 192 palettes, 74 font pairings, 25 charts, 99 UX guidelines across 22 stacks (searchable dataset + CLI).

AThevon/genjutsu

Analyzes and optimizes application performance across frontend, backend, and database layers.

CloudAI-X/claude-workflow-v2

Generates paste-ready Power Apps Canvas App YAML. An agent skill from ToluVictor/canvas-apps-tools.

ToluVictor/canvas-apps-tools

How this app stays usable from a TV remote (Android TV / Google TV).

ventic/ventic

React hooks for Cosmos blockchain interactions — connect wallets, query balances, send tokens, sign messages.

graz-sh/graz

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

display-dev/visualize

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

JNTMTMTM/eIsland

Reverse-engineer and clone one or more websites in one shot — extracts assets, CSS, and content section-by-section and proactively dispatches parallel builder agents in worktrees as it goes.

julianromli/ai-skills

Migrate a click-ui component from styled-components to CSS Modules with byte-for-byte visual regression coverage.

ClickHouse/click-ui

A skill your agent uses for fluttercalendarcarousel repository work that should follow its shared workflows for issue resolution, dependency and Flutter upgrades, full verification, commits, pushes…

hyochan/flutter_calendar_carousel

React UI component systems with TailwindCSS + Radix + shadcn/ui.

try-works/role-model

Install and configure the Zaidan component registry in an existing SolidJS codebase, and recommend Zaidan components for a product or interaction need.

carere/zaidan

A skill your agent uses when building any web page, HTML artifact, landing page, dashboard, slide deck, report, email, or UI component the user will look at.

drewnekota/cetus

Record PlayMode keyboard and mouse input to JSON. An agent skill from kurotu/VRCQuestTools.

kurotu/VRCQuestTools

A skill your agent uses when converting a spec, requirements document, or goal statement into a Definition of Done with acceptance criteria and integration test scenarios

danshapiro/kilroy

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

harperreed/dotfiles

Build and package TransFlow.app into a DMG installer using create-dmg.

Cyronlee/TransFlow

How to add and correctly use Doodle Icons (@oreo-design/doodle-icons), the hand-drawn icon set from Oreo Design where every stroke draws itself in and then keeps "boiling" like a Saturday-morning…

oreo-design/doodle-icons

Design, review, or implement AgentOS UI and UX work using the project’s operator-console visual system.

SapienXai/AgentOS