Vite · For frontend developers

A skill your agent uses for packages/vite-plugin-svg-icons-ng implementation work: icon scanning, compilation and caching, symbolId generation, HTML injection, Vite virtual modules, SSR, and HMR.

yangxu52/vite-plugin-svg-icons-ng

Migrates vibe-coded web applications to AWS. An agent skill from aws/agent-toolkit-for-aws.

aws/agent-toolkit-for-aws

Scaffolds new NEAR dApps with create-near-app or adds NEAR wallet sign-in, contract calls and transaction signing to an existing React or plain JavaScript app.

internet-court/internet-court-skill

React performance optimization guidelines from Vercel Engineering (vercel-labs/agent-skills).

ryokun6/ryos

Project configuration and rendering mode patterns for Rasengan.js.

rasengan-dev/rasenganjs

Migrate i18next/react-i18next projects to Lingui. An agent skill from B0und/WikiSpeedrun.

B0und/WikiSpeedrun

将现有 weapp-tailwindcss 项目迁移到当前 v5/Tailwind CSS 4 生成链路，处理旧 weapp-tw patch、旧版 CLI init/Sass/Less/目录扫描、tailwindcss-patch、官方 PostCSS/Vite 插件、相对 cssEntries、H5 disabled、Webpack 4、Node/HBuilderX/ESM 要求。Use…

weapp-tailwindcss/weapp-tailwindcss

A skill your agent uses for repository-level work in the vite-plugin-svg-icons-ng pnpm workspace: package boundaries, root scripts, docs and playground ownership, release tags, CI, and cross-package…

yangxu52/vite-plugin-svg-icons-ng

Builds the desktop Vite and iOS or Android Metro production bundles and checks them for tree-shaking problems, such as mobile-only modules leaking into the desktop build.

keybase/client

Zero-error setup guide for AI agents to install and configure @srivarsank/glide visual editor on any React, Vue, Svelte, Astro, or HTML Vite project in one prompt.

SrivarsanK/Glide

用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的、多组件的 claude.ai HTML artifact 的工具套件。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact - 不适用于简单的单文件 HTML/JSX artifact。

LeastBit/Claude_skills_zh-CN

Initialize a new Convex project from scratch or add Convex to an existing app.

waynesutton/markdown-site

Provides one-command project creation for uni-app using the official quickstart CLI, including project initialization, configuration, and template…

feige996/unibest

Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.

LiarMTTT/TavernWeave

Turns Stitch screens into a React, Vite and TypeScript dashboard with TanStack Query data fetching, DESIGN.md tokens as CSS variables and optional read-only Web3 data.

google-labs-code/stitch-skills

A skill your agent uses when deploying a frontend (React, Next.js, or static HTML) to a live URL on Butterbase, or when troubleshooting deployment issues like MIME type errors or blank pages

butterbase-ai/butterbase-skills

Guide for the Kimix web frontend (src/app/) — vanilla TypeScript + Vite, SSE-based chat UI mirroring ssecli.py.

Sikao-Engine/KimiX

Explains which build step writes each asset directory in the Tabler repo and how to fix missing, stale or duplicated CSS and JS files.

tabler/tabler

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed.

aAAaqwq/AGI-Super-Team

Consumer setup and integration for vite-plugin-svg-icons-ng: installation, createSvgIconsPlugin configuration, direct SVG usage, Vue 3 and React components, htmlMode, virtual modules, TypeScript…

yangxu52/vite-plugin-svg-icons-ng

Collects your feedback on a running feature, typed or spoken and drawn in the browser, and turns it into focused UX fixes saved as local commits.

EveryInc/compound-engineering-plugin

Guides you through creating and implementing a design system for your application.

buildermethods/bm-skills

Diagnose and fix Lingui SWC plugin compatibility errors with Next.js, Vite, Rspack, or other SWC runtimes.

B0und/WikiSpeedrun

Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).

skilld-dev/vue-ecosystem-skills

Builds Vue 3 apps with the Composition API and script setup, Pinia state, Nuxt 3, Vite tuning and Quasar or Capacitor mobile builds, checked with vue-tsc and Vitest.

Jeffallan/claude-skills

Builds Vue 3 apps in plain JavaScript with JSDoc typing instead of TypeScript: script setup components, composables, Pinia and Vitest, with ESLint JSDoc coverage checks.

Jeffallan/claude-skills

Full Sentry SDK setup for React. An agent skill from getsentry/sentry-for-ai.

getsentry/sentry-for-ai

Creates a new Lunora project or adds Lunora to an existing app, then gets the first schema + query/mutation round-trip running.

anolilab/lunora

Sets a build, test and verify routine for web projects: write typed, accessible code and never call work done until it is checked in a real browser with screenshots.

nanocoai/nanoclaw

A skill your agent uses when working on AUTO-MAS frontend Vue, TypeScript, Vite, Electron renderer, routing, API composables, state, styles, forms, validation, or frontend verification tasks.

AUTO-MAS-Project/AUTO-MAS

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

Walks an agent through starting a new uni-app-x project with Vue 3, TypeScript and Vite, using either the command line or HBuilderX, with bundled guides and templates.

feige996/unibest

Vue.js 3 Composition API patterns, component architecture, reactivity best practices, Pinia state management, Vue Router navigation, and Nuxt SSR patterns.

affaan-m/ECC

Work on TSZ benchmark and project-corpus compatibility. An agent skill from tsz-org/tsz.

tsz-org/tsz

Frontend standards for atopile extension webviews: architecture, contracts, design system, and testing workflow.

atopile/atopile

VitePress static site generator powered by Vite and Vue. An agent skill from JetBrains/skills.

JetBrains/skills

A skill your agent uses when adding @axhub/annotation to standalone React apps, plain HTML pages, Vite prototypes, or other web hosts that need annotation markers, directories, Markdown notes, or…

lintendo/Axhub-Skills

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂的多组件 claude.ai HTML 工件的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂工件，不适用于简单的单文件 HTML/JSX 工件。

Prorise-cool/Claude-Code-Multi-Agent

This skill should be used when the user wants to create a standardized React 18 + TypeScript + Vite + Zustand project from scratch.

jiushiwon/wg-skills

A skill your agent uses when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for React, Vue, Vite…

TencentCloudBase/CloudBase-AI-Toolkit

当用户需要创建复杂的多组件 HTML Artifacts（包含 React、Tailwind CSS、shadcn/ui）时使用。此 Skill 用于需要状态管理、路由或 shadcn/ui 组件的复杂 Artifacts，不适用于简单的单文件 HTML/JSX。

boshi-xixixi/TraeSkill

Build, critique, and iterate high-converting marketing or product landing pages using React + Vite + TypeScript + Tailwind and shadcn/ui components, with all icons sourced from Iconify.

instructa/agent-skills

React 19 performance patterns and composition architecture for Vite + Cloudflare projects.

jezweb/claude-skills

Integrate markstream-vue2 into Vue 2 plus Vite with bundled worker imports, CSS ordering, Composition API compatibility, and safe streaming defaults.

sickn33/agentic-awesome-skills

Reduce application bundle size with Ignite UI Web Components by registering only needed components via named imports from the package root with defineComponents instead of defineAllComponents…

IgniteUI/igniteui-webcomponents

A skill your agent uses when applies to all HTML documents. An agent skill from thedaviddias/Front-End-Checklist.

thedaviddias/Front-End-Checklist

Frontend development for nteract UI/product surfaces, Elements fixtures, hot reload, dev daemon setup, MCP server workflow, TypeScript bindings via ts-rs, and reactive state work that touches RxJS…

nteract/nteract

Shared TypeScript best practices for Designer and Electron subsystems.

llama-farm/llamafarm