migrate-from-react-router
Step-by-step migration from React Router v7 to TanStack Router: route definition conversion, Link/useNavigate API differences, useSearchParams to…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-18 00:12
Frontend & websites
10,843 results
axiom-app-composition
Use when structuring app entry points, managing authentication flows, switching root views, handling scene lifecycle, or asking 'how do I structure my @main',…
Accessibility Engineer
Implement accessibility (a11y) best practices to make applications usable by everyone. Use when building UIs, conducting accessibility audits, or ensuring WCAG…
auth-patterns
This skill should be used when the user asks about "authentication in Next.js", "NextAuth", "Auth.js", "middleware auth", "protected routes", "session…
create-html-report
Generate analyses, comparisons, research findings, progress, and plans as a self-contained HTML report that makes decision-making easy. Use for "make an HTML report," "summarize into a report," "visualize a comparison," "show it with graphs," "make a Gantt chart," "summarize in dashboard style," and "summarize it clearly." Depending on the data and the relationships you want to convey…
inspecting-hermes-desktop-dom
Read the live Hermes desktop DOM/CSS over CDP.
angular-directives
ALWAYS use when working with Angular Directives, custom directives, attribute directives, structural directives, or directive composition in Angular…
angular-lifecycle
ALWAYS use when working with Angular Lifecycle Hooks, ngOnInit, ngOnChanges, ngAfterViewInit, or component lifecycle in Angular.
vue-router-best-practices
Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
web-design
Web design reference for building production-grade interfaces. Covers layout, typography, color, spacing, shadows, animation, accessibility, responsive design,…
frontend-design
Builds distinctive, production-grade frontend interfaces that avoid generic AI aesthetics. Use when creating web components, pages, landing pages, dashboards,…
react-patterns
React 19+ patterns, performance optimization, and component architecture. Covers hooks, state management decision trees, data fetching with use() API, Server…
angular-di
ALWAYS use when working with Angular Dependency Injection, providers, services, inject tokens, or hierarchical injection in Angular applications.
plugin-heavy-dep
Use when adding a heavyweight browser dependency (diagram/chart renderers like mermaid, code editors, big wasm-adjacent libs) to a lightweight DSH Web plugin…
content-semantics
Fixes content and semantic HTML issues — implements server-side rendering, heading hierarchy, semantic HTML elements, ARIA landmarks, image alt text, language…
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,…
shadcn-sveltekit-design
Use when building, redesigning, beautifying, or refactoring SvelteKit pages and reusable components with shadcn-svelte, Bits UI, or the shadcn-svelte MCP.…
angular-viewchild
ALWAYS use when working with Angular ViewChild, ContentChild, ViewChildren, or accessing DOM elements and child components in Angular.
shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
nextjs-framer-motion-animations
Implement and debug Motion for React in Next.js: local interaction, presence, layout, shared elements, scroll, reduced motion, and router integration. Use for…
vueuse-functions
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
tailwind-ui-patterns
Tailwind CSS v4 patterns, component styling, and responsive design
canvas-workbench
Use when work must be verified in local Canvas Workbench, or when the user asks to run, open, check, or author component mocks or page previews in Workbench.…
frontend-prime
Build distinctive, production-grade frontend interfaces. Use when creating any web UI — sites, apps, dashboards, components. Focuses on design quality and…