Frontend & Design · Vite

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

Full-stack Convex development guidelines covering React, Vite, TypeScript, mutations, auth, design system, and documentation practices.

waynesutton/markdown-site

A skill your agent uses when creating elaborate, multi-component claude.ai HTML artifacts with React, Tailwind CSS, shadcn/ui, state management, routing, or complex frontend structure; not for…

majiayu000/spellbook

A skill your agent uses when writing, configuring, or debugging code that imports "vitepress", when running vitepress CLI commands, editing .vitepress/config or theme files, tuning markdown or…

skilld-dev/vue-ecosystem-skills

AI 开发 Web 前端时应遵循的规范指引。当 Agent 执行前端开发任务（写组件、页面、样式、状态管理、构建配置、调试前端代码）时，加载本技能获取与最新主流 LLM 训练数据互补的规范约束：覆盖技术栈版本基线、AI 常见缺陷模式防御、代码质量红线、样式与界面设计质量（去 AI 味）、验证闭环流程。加载后按第 4 章工作流约束每一次代码生成行为。

cigery-useio/useio-skills

Web frontend project development rules. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

This skill should be used when the user wants to create a standardized Vue 3 + TypeScript + Vite + Pinia project from scratch.

jiushiwon/wg-skills

Install and configure Vercel Workflow SDK before it exists in nodemodules.

usenotra/notra

Profile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees…

nirholas/three.ws

A skill your agent uses when the user wants to publish an already-built static website or front-end app through GemiGo, such as a Vite/React/Vue static build, plain HTML/CSS/JS page, landing page…

Peiiii/nextclaw

Create or update an engineering-style NextClaw Panel component with pnpm, Vite, React, TypeScript, and Tailwind CSS, then build it into a static .panel directory inside a schema v2 package or an…

Peiiii/nextclaw

Guides adding or modifying UI features (React "studios") in HOT-Step CPP — studio-folder convention, store patterns, API wiring, routing registration, Tailwind/i18n rules, and the Vite HMR dev loop.

scragnog/HOT-Step-CPP

Create or update the Panel UI component of a complete schema v2 NextClaw Mini App or an explicitly loose local Panel.

Peiiii/nextclaw

Vite + React for fast modern web development - build config, HMR, hooks, state management, and performance patterns When user works with Vite, React, creates components, manages state, uses hooks…

shepherdjerred/monorepo

Live, hot-reloading preview of the Sculptor WEB frontend from a phone or any browser, served through the OpenHost nginx /proxy front.

imbue-ai/sculptor

Generate, modify, and style React components from natural language using the Thesys SDK.

secondsky/claude-skills

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

aiskillstore/marketplace

Comprehensive skill for building, migrating, and maintaining Astro v7 projects.

fabricioctelles/skills

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

JavaScript bundle size auditor and budget enforcer. An agent skill from LeoYeAI/openclaw-master-skills.

LeoYeAI/openclaw-master-skills

Local Vite documentation reference (latest). An agent skill from olorehq/olore.

olorehq/olore

Initialize shadcn/ui + Tailwind CSS v4 in Vite projects (Vite-specific, not Next.js/Remix).

IgorWarzocha/Opencode-Workflows

| Production-tested setup for Tailwind CSS v4 with shadcn/ui, Vite, and React.

secondsky/claude-skills

A skill your agent uses when building, reviewing, testing, securing, or optimizing a Next.js App Router app: Server vs Client boundaries, use server actions, route handlers, the v15 vs v16 use cache…

ericrisco/rsc-harness

Framework wiring for the React v7 UI Kit across Vite, Create React App, Next.js, React Router (incl.

cometchat/cometchat-skills

CSS Modules with Lightning CSS and PostCSS for component-scoped styling.

MadAppGang/claude-code

TailwindCSS v4 patterns with CSS-first configuration using @theme, @source, and modern CSS features.

MadAppGang/claude-code

Fix 404 errors for frontend JS files when using Vite proxy. An agent skill from divinevideo/divine-mobile.

divinevideo/divine-mobile

Extract reusable UI/UX design systems from frontend codebases: design tokens, global styles, components, interaction patterns, and page templates.

sundial-org/awesome-openclaw-skills

Conduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans.

NeverSight/learn-skills.dev

Generate animated videos and motion graphics from natural language descriptions.

OneWave-AI/claude-skills

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and state flow, implement accessible responsive UI, and verify behavior with the…

magnus919/agent-skills

Operate Vite projects: inspect versions and configuration, run bounded development and production builds, diagnose dependency and asset failures, and configure environment-aware frontend delivery.

magnus919/agent-skills

Type-safe, file-based routing for React with TanStack Router.

Mindrally/skills