Frontend & Design

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

lintendo/Axhub-Skills

Create interactive mind maps from notes or outlines. An agent skill from serenakeyitan/open-exam-skills.

serenakeyitan/open-exam-skills

Design or audit UI for Qt/QML, Qt projects, web, or embedded MPU or MCU targets.

TheQtCompanyRnD/agent-skills

建立于 shadcn/ui 之上的附加 UI 组件

graphif/project-graph

A skill your agent uses when any Bridge command is invoked (make, fix, done, setup, drop, status) or any Figma / design-system / compiler / Bridge workflow topic is raised.

noemuch/bridge

Comprehensive testing of gluestack-ui components across platforms and apps

gluestack/gluestack-ui

Generate tested jscodeshift/postcss codemods for design system migrations: token renames, prop renames or removals, import paths, component swaps.

murphytrueman/design-system-ops

Turns the current session's code changes into a Markdown walkthrough shown in a native Glimpse window, with highlighted code, rendered diffs and review feedback.

cashew-labs/libretto

指导在前端项目中按团队规范使用 Zustand 创建和维护全局状态 store，包括目录结构、命名与持久化策略。当前端需要新增或重构状态管理时使用本技能。

AntonHu/ai-coding-project

Recria um mock de UI (imagem) como HTML + CSS + JS estáticos (sem framework), em etapas com aprovação do usuário: wireframe ASCII tipado com plano → fundo completo → componentes com fontes → assets…

rtadewald/skills

Diagnostic workflow for build, lint, CI, and test errors in OUDS Web.

Orange-OpenSource/Orange-Boosted-Bootstrap

NaiveTab 浏览器扩展的 Setting 面板开发指南。当用户要新增 Setting 设置面板、添加新的设置页时使用。涵盖需要修改的完整文件清单、注册规范等，防止遗漏关键步骤。

GXFG/newtab-naivetab

Uniwind — Tailwind CSS v4 styling for React Native. An agent skill from CherryHQ/cherry-studio-app.

CherryHQ/cherry-studio-app

Automatically use together with the matching Levyra UI skill for any visual redesign, UI polish, visual hierarchy, spacing, typography, color, shape, motion, screenshot/reference recreation, or…

LUC4N3X/Levyra-deepsound

Создаёт несколько вариантов дизайна 2D-поверхности (лендинг, герой, обложка, слайды): свой визуальный референс и автор на вариант, полный design.md с UTC/SHA-256 до кода, проверка в браузере…

serejaris/personal-corp-os

Produces one self-contained HTML and Tailwind mockup for UI inspiration, with detailed rules on fonts, icons, dark versus light mode and chart handling.

JayZeeDesign/awesome-claude-skills

Upgrade the vendored third-party frontend libraries bundled into the Educates workshop dashboard theme (Bootstrap, Font Awesome, jQuery, Underscore.js, JSONForm, js-yaml).

educates/educates-training-platform

A skill your agent uses when building or reviewing FaasJS React UI, especially @faasjs/ant-design pages, useFaas, useFaasStream, faas requests, CRUD screens, Table faasData, Description faasData…

faasjs/faasjs

统一 Vue 与 wot-ui 组件源码中的注释和命名规范。用户要求规范组件 Props 注释、函数命名、类型说明、变量命名或在创建组件后补齐代码注释时调用；不负责 Demo、测试和文档迁移。

wot-ui/wot-ui

Verify UI/UX by running Playwright tests and reviewing screenshots.

jvm-skills/jvm-skills

Official daisyUI component library skill. An agent skill from carverauto/serviceradar.

carverauto/serviceradar

Generate deterministic SVGs from structured specs with validation and rendering.

dkyazzentwatwa/chatgpt-skills

Usability-oriented research for SuperPlane integrations: what the tool is, use cases, what the API allows, then suggest components.

superplanehq/superplane

Guides uCharts chart integration across a UniApp project, covering install, page config, and platform-specific quirks.

feige996/unibest

Rasengan.js ecosystem package patterns. An agent skill from rasengan-dev/rasenganjs.

rasengan-dev/rasenganjs

Landing Page Audit & Optimizer. An agent skill from zubair-trabzada/ai-ads-claude.

zubair-trabzada/ai-ads-claude

You MUST use this skill when working with HTML, JS, CSS and other front-end code.

BrowserWorks/waterfox-android

Creating and customizing Streamlit themes. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop.

iusztinpaul/designing-real-world-ai-agents-workshop

Guidance for securing Azure App Service web apps and APIs — managed identity, Easy Auth with Microsoft Entra ID, network isolation via private endpoints + VNet integration, HTTPS / TLS hardening…

vinayaklatthe/microsoft-security-skills

A skill your agent uses to evaluate or design a user interaction flow — states, edge cases, microinteractions, motion, and feedback patterns.

getcrew44/crew44

Gate a Sentry feature behind a FlagPole feature flag. An agent skill from getsentry/sentry.

getsentry/sentry

Guides React UI animation built on spring physics with React Spring and Popmotion: hooks, config presets, trails, list transitions and scroll or in-view effects.

freshtechbro/claudedesignskills

Measure whether the chat jumps while a turn runs by sampling the Working line's position over CDP and counting upward moves. Use when changing step…

different-ai/openwork

Create safe inline visual explanations in Rudder Chat. An agent skill from Undertone0809/rudder.

Undertone0809/rudder

ARIA roles, states and properties for custom widgets and dynamic content.

Community-Access/accessibility-agents

Verify a rendering or window-chrome change in any macOS GUI app unattended — find its CGWindowID via JXA, capture that window alone (with per-pixel alpha) using screencapture -l, and read exact RGBA…

natsukium/dotfiles

前端开发规范，包含 Vue 3 编码规范、UI 风格约束、TypeScript 规范等. An agent skill from doccker/cc-use-exp.

doccker/cc-use-exp

Add i18n to Kibana React components and server code using @kbn/i18n and @kbn/i18n-react.

elastic/kibana

Reduce plugin page load bundle size and avoid unnecessary increases in packages/kbn-rspack-optimizer/limits.yml.

elastic/kibana

Use the shared TestProvider in workflowsmanagement Jest tests instead of hand-wiring KibanaContextProvider, QueryClientProvider, WorkflowsContextProvider, MemoryRouter, I18nProvider, and the Redux…

elastic/kibana

CRO analysis for landing pages evaluating headline clarity, CTA placement, trust signals, mobile friction, and conversion killers.

irinabuht12-oss/marketing-skills

Create React components, hooks, or utilities following the modlet pattern.

bitovi/ai-enablement-prompts

Edit the @posthog/quill design system locally and consume the change in this repo (posthog-code) before it is published to npm.

PostHog/code

AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code.

tech-leads-club/agent-skills

Triage new issues in the Sentry javascript project by archiving non-actionable noise.

getsentry/skills

Frontend UX rules for Ethereum dApps that prevent the most common AI agent UI bugs.

austintgriffith/ethskills

Guides state management implementation using MobX + tsyringe.

MatrixAges/polywise

Searches the Defold Asset Store for community libraries and extensions.

selimanac/defold-astar