Best agent skills for Frontend Developers, page 3

Paperclip UI design system guide for building consistent, reusable frontend components.

paperclipai/paperclip

Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

paperclipai/paperclip

Covers the gsap.utils helpers for clamping, range mapping, normalizing, snapping, randomizing and wrapping values in GSAP animations.

greensock/gsap-skills

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

addyosmani/web-quality-skills

Audit a documentation site for agent-friendliness: discovery, markdown delivery, crawlability, semantic structure, machine-readable surfaces, and content legibility.

docker/docs

A skill your agent uses when working with Conductor's context-driven development methodology, managing project context artifacts, or understanding the relationship between product.md, tech-stack.md…

Ibrahim-3d/orchestrator-supaconductor

A skill your agent uses when creating or modifying OpenChamber UI components, styling, colors, buttons, visual states, themes, or icons.

openchamber/openchamber

Load FIRST for anything that carries the Kortix look or voice: product or mobile UI, copy of any kind, decks, social, images, email, CLI output, anything with the logo, and reviews of these.

kortix-ai/suna

Mobile layout skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

Sets the rules for writing GraphQL queries and mutations in .gql files, running codegen, and using generated Apollo hooks with proper error and loading handling.

ChrisWiles/claude-code-showcase

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill

Design system for Activepieces (open-source AI automation platform, "open source replacement for Zapier").

activepieces/activepieces

Helps implement coss UI components correctly. An agent skill from crafter-station/petdex.

crafter-station/petdex

Reviews UniGetUI .json language files for localization quality, detects parity issues, English-equal entries, wrong-script content, and cross-language outliers, then generates a dataset for…

Devolutions/UniGetUI

A skill your agent uses when working with FormKit forms, validation, schema, or custom inputs in React, Vue, or Nuxt projects.

formkit/formkit

为 CC GUI 桌面客户端创建、修改、迭代插件（Tier-0 声明式 CSS/JSON，或 Tier-1 单文件 ESM）。当用户要"做一个插件 / 给 CC GUI 加个功能 / 改输入框或界面样式 / 加设置页、侧边栏或状态栏入口 / 加面板页签或命令面板命令 / 把某套工作流包装成插件 / 改一下我做过的那个插件"，或提到 ccgui 插件、插件目录、从本地目录安装插件时使用。

zhukunpenglinyutong/desktop-cc-gui

GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Create Super Agent Party (SAP) extensions. An agent skill from heshengtao/super-agent-party.

heshengtao/super-agent-party

ABP Angular UI patterns - generate-proxy, ListService, PermissionGuard, abpLocalization pipe, ConfirmationService, ToasterService, ConfigStateService.

abpframework/abp

Google SEO APIs: Search Console (Search Analytics, URL Inspection, Sitemaps), PageSpeed Insights v5, CrUX field data with 25-week history, Indexing API v3, and GA4 organic traffic.

AgriciDaniel/codex-seo

Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-corner composition.

KartikLabhshetwar/better-shot

Audits existing UI animations against the transitions.dev motion-token scale and suggests tokens for duration, distance, scale, blur and easing.

Jakubantalik/transitions.dev

Overrides default LLM truncation behavior. An agent skill from caorushizi/oss-client.

caorushizi/oss-client

Compose Multiplatform and Jetpack Compose patterns for KMP projects — state management, navigation, theming, performance, and platform-specific UI.

monta-app/ocpp-emulator

Anti-slop frontend skill for landing pages, portfolios, and redesigns.

caorushizi/oss-client

Sets the rules for translating and updating Plane's UI strings across locales: do-not-translate terms, plural forms, placeholders and AI translation review.

makeplane/plane

Prepares an npm release of ant-design-mobile up to the version commit, then tags and publishes the GitHub Release after you run the publish command yourself.

ant-design/ant-design-mobile

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

VectifyAI/OpenKB

Pushes an agent past generic defaults when designing dashboards, admin panels, SaaS apps and tools, with attention to structure, type, navigation and how data is shown.

holaboss-ai/holaOS

Write or revise a page under docs/ for gofastmcp.com. An agent skill from PrefectHQ/fastmcp.

PrefectHQ/fastmcp

Master modern React state management with Redux Toolkit, Zustand, Jotai, and React Query.

involvex/youtube-music-cli

Helps add, compose, debug and style spartan/ui components in Angular projects, using its Brain headless primitives and Helm styled layer through the @spartan-ng/cli generators.

spartan-ng/spartan

EMC pre-compliance risk analysis for KiCad PCB designs — 18 check categories, 44 rule IDs covering ground planes, decoupling, I/O filtering, switching harmonics, clock routing, differential pair…

aklofas/kicad-happy

Sets the file structure, typing and Data API pattern for writing a new Bootstrap-style JavaScript component class in Tabler's vendored port of Bootstrap's JS.

tabler/tabler

Extract reusable knowledge from the current session into a persistent skill.

ipea/geobr

Run SWIG test suite for specific languages. An agent skill from swig/swig.

swig/swig

Generate high-converting App Store screenshots by analyzing your app's codebase, discovering core benefits, and creating ASO-optimized screenshot images using Nano Banana Pro.

adamlyttleapps/claude-skill-aso-appstore-screenshots

Analyzes Chrome or Electron DevTools Performance trace exports with Python scripts to find where render time actually goes, without opening DevTools.

keybase/client

Guides building Rust desktop apps with the gpui-kit crate, covering component selection, state ownership, theming and overlays, plus normative GPUI coding rules.

AprilNEA/OpenLogi

Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.

jasonkneen/tiny-world-builder

Maps published Figma components to their code implementations with Code Connect, using the Figma MCP suggestion and mapping tools.

warpdotdev/warp

Add, change, or review user-facing text in the Langflow frontend using the i18n system (i18next / react-i18next).

langflow-ai/langflow

Write, modify, or review a requirement file under docs/requirements -- pick the single owning file, keep the text contract-only, name IDs so they need no explanation, and verify cross-references and…

rizsotto/Bear

Conventions and verification workflow for writing and restructuring the documentation site (docs/content).

TypeCellOS/BlockNote

Official daisyUI skill for Tailwind CSS projects, routing to install, usage, configuration, color and per-component guides before writing any HTML or JSX with its classes.

saadeghi/daisyui

Enforces Effect-TS patterns for services, errors, layers, and atoms.

millionco/expect

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages.

paperclipai/paperclip