vercel-react-view-transitions
Animate React route/page changes, shared elements, and enter/exit/reorder with the View Transition API (`<ViewTransition>`); use for view transitions in React…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Frontend & websites
11,327 results
scimax
Searches org-mode notes, displays agenda and TODOs, exports org files to HTML/PDF/LaTeX, validates citations, opens journal entries, maintains the org file…
frontend-dev
Frontend workflow with componentization and state management. Trigger: When building, refactoring, or scaling frontend apps.
html
Semantic HTML with proper elements and structure. Trigger: When writing HTML markup, creating structure, or implementing semantic elements.
mui
Material UI components with theming and sx prop. Trigger: When using MUI components, implementing theming, or creating custom components.
uxspec
Walk through building a UXSpec (.uxspec.json) file — gathering requirements, designing the state machine, defining visuals, then compiling and verifying the…
actorkit-tanstack-start
Integrate actor-kit with TanStack Start/Router for server-rendered, real-time stateful apps on Cloudflare Workers. Covers route loaders, server functions, SSR…
verify-ui
Verify UI changes visually using browser automation before telling the user it's done. Use when making CSS, layout, or visual changes to web apps — especially…
firebase-app-hosting
Guide for configuring, deploying, and troubleshooting Firebase App Hosting with Next.js and other frameworks. Use when setting up apphosting.yaml, debugging…
md2wechat
Convert Markdown to WeChat Official Account HTML. Use this whenever the user wants WeChat article conversion, draft upload, image generation for articles,…
react-best-practices
React and Next.js performance optimization with 57 rules across 8 categories. Use when reviewing React components for performance, optimizing bundle…
mengtofrontend
Audit and refine landing pages to avoid generic AI-generated visual quality problems using Meng To's frontend design checklist. Use when Codex is asked to…
nuxt
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid…
pinia
Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store…
react-nextjs
React and Next.js performance optimization guidelines from Vercel Engineering. Sub-skill of frontend-developer. Triggers on tasks involving React components,…
core-web-vitals
Core Web Vitals measurement and diagnostic skill. Lighthouse CLI, Bundle Analyzer, identification of and countermeasures for performance issues.
artisan
Write production-quality frontend components (React, Vue, Svelte) with TypeScript, accessibility, and clean architecture.
flow
Implement UI animations (hover, transitions, loading, gestures) with performance and accessibility in mind.
component-docs
Author or update a component doc in the Docusaurus site (packages/insomnia-component-docs) for a component in the shared library. Use when adding a new…
tech-stack-detect
Detect a website's complete technology stack through 8-layer analysis — HTTP headers, cookies, robots.txt, DNS records, HTML source, JavaScript globals,…
frontend-architect-lite
Concise general-purpose frontend architecture skill for stack definition at project start. Covers framework selection, rendering, state, design systems,…
vue-architect
Vue-specialized architecture skill providing 2026 ecosystem expertise for projects already using Vue.js. Covers Vue 3.5+/Nuxt 4 toolchain, rendering…
frontend-patterns
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
time-audit
Weekly personal time audit using macOS Screen Time and Chrome history, outputs an HTML visualization