Frontend & Design · Vue.js · For designers

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy

Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

greensock/gsap-skills

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

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

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

Manages UI Thing components, prose, blocks, themes, shortcuts, docs, and MCP-driven workflows in Nuxt projects and in the UI Thing source repo.

BayBreezy/ui-thing

Builds, watches, and manages frontend assets in OrchardCore.

OrchardCMS/OrchardCore

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Cross-platform UI styling for MarkerOn Tauri app (macOS WKWebView vs Windows WebView2).

ifer47/markeron

Vue Material Component Framework. An agent skill from logue/vite-vuetify-ts-starter.

logue/vite-vuetify-ts-starter

UI/UX design intelligence and implementation guidance for building polished interfaces.

sundial-org/awesome-openclaw-skills

Authoritative guide and toolset for AI agents to operate, configure, and visually design applications using Glide (@srivarsank/glide).

SrivarsanK/Glide

Add Solar Icons via @solar-icons/cli to any React, Vue, Svelte, Solid, Angular, React Native, Nuxt, Static, vanilla JS, or Laravel Blade project.

saoudi-h/solar-icons

Migrate TailwindCSS to StyleX. An agent skill from shadcn-labs/shadcn-cssinjs.

shadcn-labs/shadcn-cssinjs

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works

Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.

layoutit/polycss

Build a Figma design from code or a description — the reverse of figma-codegen.

awdr74100/figwright

tinyvue组件库开发规范

opentiny/tiny-vue

Guides use of Anime.js for timeline sequences, stagger effects, SVG morphing and keyframe animation on DOM elements, CSS, SVG and JavaScript objects.

freshtechbro/claudedesignskills

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.

scalar/scalar

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

How this app stays usable from a TV remote (Android TV / Google TV).

ventic/ventic

Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone cursor trail driven by ChromaFlow, masked through a DotGrid, finished with chromatic ripples and film…

nirholas/three.ws

Generate framework-aware code from a Figma design. An agent skill from awdr74100/figwright.

awdr74100/figwright

UI/UX design intelligence. An agent skill from Ohh-889/skyroc.

Ohh-889/skyroc

Build accessible UI with monochrome, the framework-agnostic UI library for agents.

vaneenige/monochrome-ui

How to add icons to the vglist frontend using Lucide via @lucide/vue.

connorshea/vglist

在 wot-ui 项目中创建新组件骨架与必要注册点。用户要求从零创建组件源码、补齐 types.vue.scss 结构或注册全局组件类型时调用；不负责 Demo 页、测试和文档迁移。

wot-ui/wot-ui

Atlas — a design language and UI guide system for agent interfaces.

pacifio/ui

Apply the bryl-minimal design language — a monochrome, typography-driven minimal aesthetic with halftone dot textures, pixel-font display headings, tiny uppercase monospace labels, soft large-radius…

bryllim/bryl-minimal-design

Builds, styles, and reviews UI with BEEQ, Endava's web-component design system.

Endava/BEEQ

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter

UI/UX design intelligence expert for web and mobile applications.

shobcoder/shob

Create distinctive, production-grade frontend interfaces with high design quality.

jwynia/agent-skills

Build production-grade components for React, Vue 3, and Svelte 5 with all states (loading, empty, error, success, idle), TypeScript strict, WCAG 2.2 accessibility, server components (RSC), and…

EliasOulkadi/shokunin

A skill your agent uses when working on AUTO-MAS frontend UI, Ant Design Vue components, page layout, forms, tables, modals, drawers, feedback, empty/loading/error states, drag interactions, dark…

AUTO-MAS-Project/AUTO-MAS

Reference data, not a reviewer. An agent skill from Community-Access/accessibility-agents.

Community-Access/accessibility-agents

Manages shadcn-vue components and projects — adding, searching, fixing, debugging, styling, and composing UI.

hirotaka/pragmatic-nuxt

Edit or add component theme classes and styles for shipped theme variants (base, carbon).

indielayer/ui

Designing and building any user-facing surface: a web page, landing page, dashboard, report, HTML document, email, or a component inside an existing app.

Zfinix/aster

Commits to one bold aesthetic direction, sets up a CSS token system for it, then builds the interface in Vue or plain HTML using those tokens.

irahardianto/awesome-agv

Component segregation guide for Glide (@srivarsank/glide). An agent skill from SrivarsanK/Glide.

SrivarsanK/Glide

Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution.

jjyaoao/HelloAgents

基于 TrailSnap（行影集）现有设计系统设计、实现和审查前端 UI。适用于 package/website 的新页面、组件、布局、主题、移动端适配与界面改版；纯后端任务和其他项目不适用。

LC044/TrailSnap

Animation skill for Motion (prev Framer Motion) and CSS animation.

softmaple/softmaple

A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting…

jiushiwon/wg-skills