For frontend developers

Extracts evidence-backed style guides and motion appendices from websites, keeping reusable visual language and stripping product-specific content.

Lucent-Snow/style-extractor

Rules for using daisyUI 5's semantic color names, such as primary and base-100, so interfaces stay readable across themes.

saadeghi/daisyui

OpenTUI skill for building terminal user interfaces with the Core, React, or Solid APIs.

msmps/opentui-skill

A skill your agent uses when the user mentions "pinme", or needs to upload files, store to IPFS, create/publish/deploy websites or full-stack services (including frontend pages, backend APIs…

glitternetwork/pinme

Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP).

GiMi-Xiaomi/gimi-illustration-skill

Build React applications using React Router's declarative mode with BrowserRouter.

halo-dev/upage

A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…

solo-agent/solo

Comprehensive guide to Antigravity Manager architecture, workflows, and development.

Draculabo/AntigravityManager

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

raintree-technology/hig-doctor

Idiomatic Kotlin patterns, best practices, and conventions for building robust, efficient, and maintainable Kotlin applications with coroutines, null safety, and DSL builders.

getknit/knit

Design and build complete web experiences from scratch — award-level product and marketing pages, cinematic scroll-directed sites where the page is directed like a film, and multi-screen products…

agiwhitelist/auteur

Opens a live BrowserStack session on a real Android, iOS or desktop browser for a local or public URL, tunneling localhost through Cloudflare when needed.

handsontable/handsontable

Web 视觉设计 SKILL。输入 PRD / 参考 URL / 截图 / 关键词（任意组合），先产出一份标准化 DESIGN.md 设计规范，用户确认后据此生成 UI/UX、视觉、动效、响应式全部达标的 web 代码。专攻 web 端：Landing Page、Portfolio、产品页、博客、个人站、SaaS 介绍页等。当用户说"帮我做个网站""设计一个页面""参考 XX…

xiaopu-ai/web-design

Measures @sanity/ui v5 side-by-side migration progress — per-component import file counts (v5 alias vs @sanity/ui), JSX instance counts, and styled() instance counts with alias resolution.

sanity-io/sanity

React performance optimization guidelines from Mastra Engineering.

mastra-ai/mastra

Add, complete, or audit a locale across a Flutter application's ARB catalogs and a localized Docusaurus manual, including generated localization code, locale selectors, native platform declarations…

matthiasn/lotti

Audit and rewrite frontend UI to remove generic AI design patterns ("AI slop"), both the first-order defaults (purple gradients, Inter, a centered hero over three cards, untouched shadcn) and the…

sunkaifei/FlyCms

Design and improve user interfaces using the concrete rules from Refactoring UI (Wathan & Schoger) — constrained spacing/type/color/shadow scales, visual hierarchy through weight and color rather…

s0xDk/refactoring-ui-skill

Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader.

talkstream/ru-text

Looks up available HugeIcons by keyword from the compiled dependency JAR in the Gradle cache, then shows the correct Compose import for each match.

sue1231513/orangechat

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

使用内置 ZUI 资源从零创建可运行的独立网页或小型静态站点。向已有应用集成 ZUI 时使用 zui 技能. An agent skill from easysoft/zui.

easysoft/zui

Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.

sickn33/agentic-awesome-skills

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Audit and improve web accessibility following WCAG 2.2 guidelines.

ever-works/ever-works

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1…

Brandon030722/ark-ui-skill

Shows how to subscribe to Trigger.dev task runs from the backend and from React for progress indicators, live dashboards, AI response streams and approval waits.

papermark/papermark

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Generates Angular code and provides architectural guidance. An agent skill from mxtommy/Kip.

mxtommy/Kip

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

MaaFramework 日志宏用法指南，适用于 MaaEnd cpp-algo。Use when writing logging code, using LogInfo/LogError/LogWarn/LogDebug/LogTrace, outputting containers or custom types to logs, or when the user asks about…

MaaEnd/MaaEnd

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

LottieFiles/motion-design-skill

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Explains how LobeHub client code fetches data through services, SWR store hooks and cache keys, and when to avoid useEffect fetching or duplicated state.

lobehub/lobehub

Control the user's phone - an iPhone through the Mac's iPhone Mirroring window, an Android over adb, a rented cloud Android, or a cloud iPhone over HTTPS: open apps, tap, type, swipe, read the screen.

ShawnPana/phone-harness

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.

superdesigndev/superdesign-skill

指导如何在 Project Graph 项目中创建新的快捷键。当用户需要添加新的快捷键、修改快捷键绑定或需要了解快捷键系统的实现方式时使用此技能。

graphif/project-graph

Vite next-generation frontend build tool with fast HMR and optimized builds.

oyjt/uniapp-vue3-template

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

Use when an app uses @pierre/trees to render or control a file tree, including React, vanilla JavaScript, SSR, web components, selection, search…

pierrecomputer/pierre

This skill MUST be used whenever the task involves adding, installing, or upgrading an npm package/library/dependency in this project.

elirantutia/vibeyard

Sync an Ant Design React component or feature into NG-ZORRO.

NG-ZORRO/ng-zorro-antd

Turn a directory of static HTML pages into a live commenting surface.

paraschopra/make-pages-interactive

Guides Jetpack Compose and Compose Multiplatform work across Android, Desktop, iOS and web, plus Android TV, Material 3 motion, paging, navigation and design-to-code.

aldefy/compose-skill

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless

Frontend development guidelines for the Phoenix AI observability platform.

Arize-ai/phoenix