html
The html skill owns creating and revising durable, standalone HTML artifacts: a complete self-contained index.html saved in a requested or generated artifact…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-21 00:11
Frontend & websites
10,940 results
shadcn-ui
Install and use shadcn/ui with Tailwind v4 and Next.js (App Router), Vite, or manual setup; configure components.json, add components via CLI, theming with CSS…
shadcn-svelte
Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI. Provides project context, component docs, and…
shadcn-theming
Use when defining or auditing shadcn/ui design tokens, OKLCH colors, or dark/light mode CSS variables.
html-preview
Upload and manage HTML/ZIP preview pages via the HTML Preview REST API, and query the recycle bin and metadata. Supports API Key authentication, suitable for integration with Agents and automation scripts.
vibecoding-animated-websites
Builds high-end, animated websites with a focus on aesthetics, semantic HTML, and accessibility. Use when the user wants to "vibecode", create an "animated…
iblai-chat
Add AI chat widget to your Next.js app
vue-component-generator
Generate vue component generator operations. Auto-activating skill for Frontend Development. Triggers on: vue component generator, vue component generator Part…
lean-text-scaffolding
Prevent bloated text scaffolds in new web pages. Use when creating or refactoring landing pages, SaaS pages, dashboards, marketing sections, UI copy,…
gpt-taste
Elite UX/UI & Advanced GSAP Motion Engineer. Enforces Python-driven true randomization for layout variance, strict AIDA page structure, wide editorial…
configure-cache-busting
Check and configure cache-busting strategies for Next.js and Vite projects. Use when configuring content hashing for Next.js or Vite builds, setting up…
ljg-business-model
Based on the Business Model Canvas from Business Model Generation, organize the project introduction, interviews, product materials, or business plan provided by the user into nine-module business model canvas cards, delivering PNG and editable HTML. USE WHEN the user invokes ljg-business-model, requests drawing a business model canvas, a nine-grid business model, or turning business information into canvas cards. NOT…
lookml-liquid
Use this skill to use Liquid variables in LookML for dynamic SQL, HTML, and Links, including advanced patterns for query optimization.
react-router-v7
React Router v7 framework mode conventions for route modules, data loaders, actions, and progressive enhancement. Use when building file-based routes with…
tanstack-start
Best practices for TanStack Start, the full-stack React framework built on TanStack Router and Vite/Nitro. Use when building server functions with…
design-taste-frontend
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware…
oil-frontend
Use proactively when a task requires implementing, modifying, refactoring, or reviewing the product frontend's visible interface, interaction behavior, frontend state and data flow, or component or style organization, without the user naming it; also used for testing and verification strategies for these frontend behaviors. Applies to pages, forms, lists, modals, responsive, style and motion implementation, and frontend code ownership adjustments. Not used for design judgments such as visual style, color schemes, typography, and design direction, nor for pure backend, build and deployment, dependency upgrades, or only fixing impo...
build-tools-expert
Build tools expert including Vite, Webpack, and bundler configuration
solidjs-expert
SolidJS expert including reactivity, components, and store patterns
content-ops-netlify
Next.js content model with visual editing for Netlify.
nextjs-blog-netlify
Next.js blog with visual editing and Tailwind CSS for Netlify.
accessibility-auditing
Use Cursor's browser aria snapshots to audit a page for accessibility issues — missing labels, broken tab order, contrast, and ARIA misuse.
bootstrap-customize
This skill should be used when the user asks "how do I customize Bootstrap", "how to create a custom Bootstrap theme", "what Sass variables can I override",…
syncfusion-javascript-speech-to-text
Implements the Syncfusion JavaScript SpeechToText control. Use this skill ALWAYS immediately for speech-to-text functionality, voice recognition, speech…