senior-frontend
Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications. Use when building React components, optimizing Next.js performance,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-02 00:09
Frontend & websites
11,379 results
next-cache-components
Next.js 16 Cache Components - PPR, use cache directive, cacheLife, cacheTag, updateTag
vercel-react-native-skills
React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing…
moai-library-nextra
Enterprise Nextra documentation framework with Next.js
business-html-ppt
Generate business-style single-file HTML presentations suitable for workplace reporting, applicable to work reports, business reviews, project progress, proposal pitches, weekly and monthly reports, OKR reviews, performance and promotion reviews, management reporting, and client reporting. Use when the user wants to turn scattered workplace materials into a professional PPT, slide deck, HTML PPT, browser presentation, reporting deck, or needs a workplace presentation with a table of contents, speaker notes, business visuals, and keyboard page navigation.
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…
embed-assets
Embed images, audio, and other assets into a single HTML file using base64 data URIs. Use when building self-contained HTML widgets or pages that need inline…
recoup-content-build-sites
Design and build engaging interactive websites using a curated library of 60 interactive experiences plus 104 visual, motion and game references, including…
gzh-search
WeChat Official Account Article Search — Search WeChat Official Account articles by keyword, display results in a terminal table, export to Excel with one click, and generate an interactive HTML report.
create-frontend-plugin
This skill should be used when the user asks to "create RHDH frontend plugin", "bootstrap frontend dynamic plugin", "create UI plugin for RHDH", "new frontend…
generate-frontend-wiring
This skill should be used when the user asks to "generate frontend wiring", "show frontend wiring", "create RHDH binding", "generate dynamic plugin config",…
visual-review
Browser-based frontend review for changed UI. Use before PRs with React/route/CSS changes to inspect screenshots, states, a11y, console errors, and…
react-router-template-dep-bump
Update pinned react-router and @react-router package versions in the remix-run/react-router-templates repo, refresh the pnpm lockfile, and verify with the…
remotion-best-practices
Best practices for Remotion - Video creation in React
clone-prototype
Clone a real app's screens as pixel-accurate, self-contained HTML artboards on the prototype canvas. Overlay a grid on the reference and sample colours…
new-ui-mock
Design a new screen, flow or component as a self-contained HTML artboard on the prototype canvas, built from the board's existing design tokens rather than…
prototype-canvas
Start and operate the local tldraw design canvas that shows HTML artboards. Start the canvas app against a project's board folders, add or switch boards, drive…
sp-clone-prototype
Clone a real app's screens as pixel-accurate, self-contained HTML artboards on the prototype canvas. Overlay a grid on the reference and sample colours…
report-to-webpage
An orchestrator that converts markdown reports (especially SK hynix analysis reports) into modern, refined interactive web pages. Coordinates a team of 5—design-lead, visualization, frontend, motion, and QA—to produce data visualization charts, glassmorphism UI, background…
web-frontend-build
A frontend build skill that implements design-token-based HTML semantic markup, modular CSS, Vanilla JS interactions, responsive layouts, dark/light mode, and scroll-based navigation. Must be used when a static site (no build step) HTML/CSS/JS build is requested.
web-motion-animation
Canvas/WebGL background animation (particle network, gradient mesh, animated orbs, shader gradient), scroll-based entrance animation, micro-interactions (number count-up, text reveal, card hover tilt),…
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,…
remotion-best-practices
Best practices for Remotion - Video creation in React