frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,245 results
frontend-init
Initialize frontend projects with opinionated modern toolchain - Bun (package manager), Oxfmt (formatter), Oxlint (linter), tsdown (npm bundler), tsgo (type…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
salgadoia-web-design-engineer-pro
Skill end-to-end para construir webs y landings profesionales con Next.js 16, React 19, Tailwind CSS v4, shadcn/ui y Framer Motion. Pensada para que un usuario…
htmx-js-api
Use the htmx JavaScript API for imperative integration in server-rendered apps. Use when calling htmx.ajax, htmx.process, htmx.trigger, htmx.on, htmx.off,…
react
In React/Next.js projects, organize decisions for design, implementation, review, and performance improvement around UI = computation model (components/state/rendering). React, Next.js, JSX, component design, useState/useEffect, state management, Server…
forguncy-frontend-library
HuoZiGe ReactCellType front-end extension package packaging expert. Convert a browser-side JavaScript class library (vendor UMD/IIFE, ESM/CJS only, React component library, Canvas/WebGL, Worker/WASM) into an extension package ZIP uploadable to HuoZiGe (manifest.json + bundle.js +…
react-native-runtimes
Install, configure, and write code with the @react-native-runtimes/core and @react-native-runtimes/state packages — named secondary React Native (Hermes)…
utopia-grid-layout
CSS Grid utilities using Utopia fluid spacing. Reference for the grid variables and utility classes defined in this project.
ux-user-flow
Navigation and user flow patterns including routing, state management, progressive disclosure, and game progression. Use when designing multi-step flows, game…
android-jetpack-compose
Use when building Android UIs with Jetpack Compose, managing state with remember/mutableStateOf, or implementing declarative UI patterns.
style-capture
Capture computed CSS and HTML from any web page element, map it to Tailwind utilities, and return a structured prompt for recreating the UI. Use when the user…
site-architecture
When the user wants to plan, map, or restructure their website's page hierarchy, navigation, URL structure, or internal linking. Also use when the user…
trmnl-paper-blade
Use when the user wants to build, edit, or redesign screens for TRMNL e-paper devices. Handles dashboards, KPI displays, item lists, data tables, quotes, rich…
convex-realtime
Implement real-time features using Convex reactive queries that automatically update when data changes, enabling live collaboration, instant updates, and…
browserless
Automate browserless/Puppeteer headless Chrome for screenshots, PDFs, HTML/text extraction, status checks, Lighthouse audits, and browser pipelines.
frontend-ui-dark-ts
Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations. Use when creating dashboards,…
astro
Astro web framework documentation and guidance. Use when working with Astro - an all-in-one web framework for building content-driven websites using island…
budge
Use when making single-property CSS or Tailwind visual changes in Next.js App Router projects. Presents a floating control widget on the page so the user can…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
react-best-practices
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js…
review
Delegate UI code reviews to a subagent. Reviews components, pages, git changes, or specification files using web design guidelines.
angular-knowledge-patch
Angular
react-router-knowledge-patch
React Router