react-impl-project-setup
Use when creating a new React project, configuring Vite, setting up TypeScript, or establishing project conventions. Prevents the common mistake of…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-24 00:15
Frontend & websites
11,045 results
react-impl-server-components
Use when building with Server Components, deciding server vs client boundaries, implementing Server Actions, or migrating to the RSC model. Prevents the common…
react-syntax-components
Use when creating components, typing props with TypeScript, forwarding refs, or implementing component composition patterns. Prevents the common mistake of…
react-syntax-hooks-basic
Use when using any core React hook, writing side effects, managing component state, or optimizing re-renders. Prevents the common mistake of missing dependency…
cloudflare-images
Store, transform, and deliver optimized images with Cloudflare Images. Covers image upload (API, Worker, Direct Creator Upload), variants, transformations (URL…
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…
gsap-tanstack-router
Build or review TanStack Router for React and TanStack Start animation: GSAP page transitions, component enter/exit, scroll effects, useBlocker, pending UI,…
design-taste-frontend
Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware…
ppt-master
Reveal.js presentation creation master. Help users generate HTML presentations with Reveal.js that can be opened directly in a browser. When users say "make a PPT", "help me make a presentation", "make some slides", "presentation", "slides", "make a report", "pitch deck PPT", "performance review report", "product launch event", "tech sharing", "make a deck", "slideshow", "ke...
angular-ssr
Implement server-side rendering and hydration in Angular v20+ using @angular/ssr. Use for SSR setup, hydration strategies, prerendering static pages, and…
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…
install-kokonutui-component
Find and install a KokonutUI React component into a project using the shadcn CLI, and read its source and documentation.
react-best-practices
Audits React and Next.js components for performance issues, unnecessary re-renders, bundle size problems, and waterfall patterns using 57 rules organized by…
axhub-commentary-client
Handle the Axhub Commentary page-side integration workflow, including adjusting editable panel items, page-level property aggregation, multi-option design comparisons and option switching, as well as completing page resource context and positioning information. When the user wants the page to work with the Axhub Chrome extension or Make...
liquid-glass
Comprehensive guide to Apple's Liquid Glass design system introduced in macOS 26, iOS 26, and across all Apple platforms. Covers SwiftUI (.glassEffect(),…
collect-user-input
Build forms, validate data, and react to user input in Blazor. USE FOR adding forms, search boxes, filter panels, inline editing, data-entry UI, file uploads,…
support-prerendering
Make interactive Blazor components work correctly with prerendering. USE FOR fixing duplicate data loads, UI flicker during prerender-to-interactive handoff,…
svelte-code-writer
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte…
svelte-core-bestpractices
Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/edit or analyze a Svelte component or…
before-frontend-dev
Read the frontend development guidelines before starting your development task.
atscript-ui-styles
Style atscript-ui components with `@atscript/ui-styles` — the UnoCSS preset + `AsResolver` for `unplugin-vue-components` + the `as-*` shortcut tree + baked…
atscript-ui-tables
Render searchable, filterable, sortable, paginated, or virtualized tables from `.as` annotated types with `@atscript/vue-table` + `@atscript/ui-table`. Use…
atscript-ui-wf
Build HTTP round-trip multi-step workflow forms with `@atscript/vue-wf` (client) + `@atscript/moost-wf` (server). Use when working with `<AsWfForm>` or…
profile-management
Updates X/Twitter profile information including bio, avatar, header image, display name, location, website, and QR code sharing. Use when updating profile…