Best agent skills for Frontend Developers, page 9

Owns the paired JSON metadata and TypeScript runner files that define the Aholo Viewer's example and Playground content.

manycoretech/aholo-viewer

A skill your agent uses when contributing to InsForge's shared dashboard package.

InsForge/InsForge

Logseq i18n workflow for adding, renaming, reviewing, or editing translation keys and user-facing strings.

logseq/logseq

Generates a full CRUD page - page component, data model and API client - from the south-admin-react project's own VS Code snippet templates.

southliu/south-admin-react

Turn a rough draft, vague ambition, or messy task brief into a powerful Codex /goal objective for persistent, evidence-checked work.

grp06/goalcraft

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Obsidian house style for the wording of user-facing UI strings — command names, setting labels, button text, notices, modal copy.

aidenlx/zotlit

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

Audit web applications for WCAG accessibility compliance. An agent skill from warpdotdev/oz-skills.

warpdotdev/oz-skills

Builds a showreel-grade product film in Remotion using the product's own design tokens, components and voice, from a guided interview through a verified final render.

Rieranthony/product-film-skill

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository.

Simon-He95/markstream-vue

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.

jiji262/claude-design-skill

Drives and verifies the native macOS Prowl Debug UI through accessibility automation, proving behavior with before-and-after evidence instead of reasoning from code.

onevcat/Prowl

Testing workflow skill for finding high-value test candidates, writing focused tests, generating realistic workloads, reviewing test value, and diagnosing test-suite health.

workersio/skills

Launch and drive the real cc-safety-net CLI — the hook decision path, explain, status/doctor, logs, and the local policy GUI — against an isolated home, capturing evidence.

kenryu42/cc-safety-net

JPA/Hibernate patterns and common pitfalls (N+1, lazy loading, transactions, queries).

decebals/claude-code-java

Apply a reversible theme/skin to the WorkBuddy desktop app (Tencent AI office agent) via local Chromium DevTools Protocol (CDP) injection.

cdredfox/workbuddy-skin-studio

Run Metro's IDE plugin from source in a sandboxed local IDE against a consumer project.

ZacSweers/metro

A skill your agent uses when the user is hitting Claude usage limits, burning through tokens fast, running a long conversation, or asks how to use Claude Code more efficiently.

Dubibubii/usage-limit-reducer

Cloudflare product design guidance. An agent skill from elliothux/open-compute.

elliothux/open-compute

Takes an app from hardcoded strings to a localized, continuously translated one with i18next (Locize optional): stack detection, config, wrapping strings in t(), key extraction, Locize sync, and AI…

i18next/i18next-cli

How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects.

JuliusBrussee/caveman-code

Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces.

kasonye/ui-aesthetics-skill

单需求实现流水线——把一个 TAPD 需求从零推进到代码提交。自动串联技术澄清、 开发计划、任务拆分、TDD 实现、架构/安全校验、代码提交六个阶段。

TencentBlueKing/bk-bcs

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Sets the rules for building the Cursor BYOK desktop app's React and Tauri frontend, especially its HTTP boundary and component state architecture.

leookun/cursor-byok

Extend MarkerOn settings, persisted config, or Tauri IPC commands.

ifer47/markeron

Builds a website page by page with Stitch in an autonomous loop, passing a baton file from one iteration to the next that names the next page and prompt.

google-labs-code/stitch-skills

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.

kqcoxn/MaaPipelineEditor

Create, build, deploy, and localize declarative agents for M365 Copilot and Teams.

microsoft/work-iq

Best practices for building UI with Jetpack Compose, focusing on state hoisting, detailed performance optimizations, and theming.

Moustachauve/WLED-Android

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Quickly compare the posthog-js array.js bundle size in the current working tree against a git baseline using the repository's esbuild proxy.

PostHog/posthog-js

Use when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests…

langgenius/dify

Provides TypeScript patterns for type-first development, making illegal states unrepresentable, exhaustive handling, and runtime validation.

bretzel-app/crumbs

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (asc screenshots frame), and screenshot upload (asc…

CamilleScholtz/swmpc

Internationalize Vue component templates by replacing all hardcoded strings with $t() calls and adding translations to i18n.ts or enUS.js.

rundeck/rundeck

Extract component metadata from a Figma design system and generate production-ready QML controls.

TheQtCompanyRnD/agent-skills

Create, inspect, convert, apply, replace, verify, troubleshoot, update, publish, or restore reversible CodeDrobe themes for supported Chromium/Electron AI desktop apps, including OpenAI Codex…

CodeDrobe/skills

Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.

MageByte-Zero/spec-superflow

Analyze code coverage and CRAP (Change Risk Anti-Patterns) scores to identify high-risk code.

ardalis/RiverBooks

Check modified Nx documentation pages against the astro-docs style guide.

nrwl/nx

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables.

pierrecomputer/pierre

Deploy static pages to nexu.space. An agent skill from nexu-io/nexu.

nexu-io/nexu

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent