Frontend & Design · For frontend developers

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

openchamber/openchamber

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

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

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

activepieces/activepieces

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

boraoztunc/skills

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

zhukunpenglinyutong/desktop-cc-gui

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

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

Jakubantalik/transitions.dev

Verifies OpenLogi's native GPUI interface with focused tests, the component gallery and a mock agent, choosing the evidence that fits each change.

AprilNEA/OpenLogi

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

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

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

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

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

greensock/gsap-skills

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

caorushizi/oss-client

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

keybase/client

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

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

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

paperclipai/paperclip

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

millionco/expect

This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON locales), including installing/configuring the…

zebbern/claude-code-guide

A skill your agent uses when the user wants to translate a repository README, make a repo multilingual, localize docs, add a language switcher, internationalize the README, or update localized…

Y80/bmm

Design, improve, and review interfaces for websites, apps, dashboards, and components: explore distinct design directions, compare styles side by side, and refine visual hierarchy against real…

oil-oil/oil-ui

Comprehensive skill reference for uni-app cross-platform development framework

sonofmagic/uni-app-tailwindcss-template

Scans a codebase for missing or inconsistent UI motion, scores it from 0 to 100, and applies a transitions.dev fix only after you pick between a light polish and a full recipe revamp.

Jakubantalik/transitions.dev

Prevents generic AI/Codex UI patterns when generating frontend code.

pdsuwwz/chatgpt-vue3-light-mvp

Optimize Core Web Vitals (LCP, INP, CLS) for better page experience and search ranking.

vmDeshpande/ai-agent-automation

Guides changes to the @handsontable/angular-wrapper package: the HotTableComponent lifecycle, NgZone performance handling, settings services and the ng-packagr build.

handsontable/handsontable

Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…

bitjaru/styleseed

Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML.

webhtv/webhtv

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar

A skill your agent uses whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.

Castor6/tactus

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices.

midudev/100cosas.dev

LLM Agent 多语言注入规范。在修改 Agent 提示词、添加新的 Agent 端点、处理用户可见的后端消息（messagecode）时使用。

microsoft/data-formulator

Generate React Native Reanimated animation code for React Native apps.

gluestack/gluestack-ui

A skill your agent uses when maintaining the moonbitlang/moonbit-docs repository, including Sphinx docs under next/, MoonBit examples under next/sources/, error-code documentation, gettext…

moonbitlang/moonbit-docs

Gives per-component and per-API examples, reference specs and compatibility notes for building cross-platform uni-app apps, mirroring the official documentation.

feige996/unibest