frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,385 results
web-design-complete
Create complete web pages with production-grade frontend design AND auto-generated images. Use this skill when the user asks to build websites, landing pages,…
frontend-app-builder
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks…
frontend-design
Decide and verify what a web interface looks like: reuse of the existing design, color, type, layout, controls, states, and interface copy that trace to the…
pretty-html-ppt
Create polished standalone HTML presentation decks using the Pretty HTML PPT template library. Use when turning notes, scripts, reports, self-media outlines,…
react-bits-pro
Install and integrate React Bits Pro components, marketing blocks, App UI blocks, Agent Kit skills and landing-page templates into React/Next.js apps via the…
frontend-design-director
Build, redesign, review, polish, and QA frontend UI/UX, React/Next/Vite components, landing pages, dashboards, forms, design systems, responsive layouts,…
compose-preview
Render Compose @Preview functions to PNG outside Android Studio. Use this to verify UI changes, iterate on designs, and compare before/after states across…
apprun-skills
Publisher and directory resources describe AppRun development guidance for TypeScript MVU (Model-View-Update) applications, covering component design, state management, routing and testing.
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…
vercel-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…
vue-expert
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.
vue-expert
Expert Vue specialist mastering Vue 3 with Composition API and ecosystem. Specializes in reactivity system, performance optimization, Nuxt 3 development, and…
build-frontend-browser-testing
Browser testing verification — verify frontend behavior in a real browser. When frontend changes require runtime verification, UI bug investigation, or screenshot comparison, or when "browser testing" "E2E" "Playwright" is mentioned
react-best-practices
React performance optimization and testing guidelines. This skill should be used when writing, reviewing, or refactoring React code to ensure optimal…
zustand-state-builder
Implements lightweight state management using Zustand with TypeScript, persistence, devtools, and modular store patterns. Use when users request "zustand…
webman-react-scaffold
Scaffold a new full-stack project using PHP 8.4 + Webman 2 + ThinkORM 4 + MySQL backend with a React + TypeScript + Vite user frontend and an optional Ant…
html-express
Create structured, readable, self-contained HTML reports from dense information: research notes, comparison matrices, checklists, data dashboards, timelines,…
video-sdk-web
Build and debug browser-based Zoom Video SDK for Web integrations using @zoom/videosdk. Use for custom video sessions, joining or leaving sessions, JWT auth,…
SwiftUI UI/UX Review
This skill should be used when the user asks to "review SwiftUI UI", "analyze iOS interface", "check UI/UX patterns", "review liquid glass implementation",…
21st-cli-use
Search, install and pull code from the 21st.dev catalog with the `21st` CLI (`@21st-dev/cli`): find React/shadcn components, themes and templates, print a…
21st-design-sync
Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a shareable theme,…
21st-ui-build
Build or substantially change production UI using the current project's design context, existing components, and grounded 21st inspiration. Use when…
best-practices
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit",…