lov-professional-infographic
Create evidence-led consulting infographics with editable HTML/SVG, high-resolution PNG, source linkage, and strict QA. Use when the user asks for a…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,197 results
tanstack-db-meta-framework
Integrating TanStack DB with meta-frameworks (TanStack Start, Next.js, Remix, Nuxt, SvelteKit). Client-side only: SSR is NOT supported — routes must disable…
tanstack-highlight-integrate-framework-code-blocks
Integrate @tanstack/highlight with React code-block props, Octane dangerouslySetInnerHTML data, createOctaneMdxHighlight, hydrated SSR, and post-navigation…
tanstack-highlight-integrate-markdown-pipelines
Integrate @tanstack/highlight with renderCodeFence, codeFenceToHast, remarkHighlightCodeBlocks, rehypeHighlightCodeBlocks, and Markdown fence metadata. Load…
tanstack-highlight-theme-and-annotate-code
Style @tanstack/highlight with createThemeCss, createThemeRule, createThemeBaseCss, isolated theme imports, lineNumbers, line decorations, UTF-16 range…
tanstack-markdown-docs-features
Build documentation metadata with docsMarkdownExtensions, GitHub-style callouts, heading collection, comment components, heading/file/package- manager/bundler…
tanstack-markdown-octane-rendering
Render Markdown source or a MarkdownDocument with @tanstack/markdown/octane using Markdown, renderMarkdownOctane, ComponentBody replacements, TSRX, and…
tanstack-markdown-react-rendering
Render Markdown source or a MarkdownDocument with @tanstack/markdown/react using Markdown, renderMarkdownReact, component replacements, and React static SSR.…
tanstack-svelte-db
Svelte 5 bindings for TanStack DB. useLiveQuery with Svelte 5 runes ($state, $derived, $effect). Dependency arrays use getter functions (() returns value) for…
tanstack-vue-db
Vue 3 bindings for TanStack DB. useLiveQuery composable with MaybeRefOrGetter query functions, ComputedRef return values for all fields (data, state,…
htmx-foundations
Plan and bootstrap server-driven web applications with htmx. Use when choosing htmx versus an SPA framework, setting up htmx in a server-rendered app,…
htmx-realtime
Build and review realtime and near-realtime htmx features. Use when implementing polling, load polling, job status updates, WebSockets, Server-Sent Events,…
htmx-recipes
Implement common htmx interaction recipes in server-rendered web apps. Use when building lazy loading, boosted links/forms, active search, inline validation,…
new-product-website
End-to-end workflow for launching a new product landing page — scaffolding, theming, analytics, waitlist, domain, SEO, and deployment.
tailwind
Operate Tailwind CSS with a utility-first philosophy (avoiding premature abstraction), and organize design, review, and refactoring decisions for maintaining consistency and maintainability while reducing the cognitive load of UI implementation. Tailwind…
competitive-intel
Monitor competitor websites, products, and social media for updates. Generate periodic competitive intelligence reports.
webconsulting-branding
Enforces webconsulting.at design system, color palettes, typography, and MDX component structures for frontend development. Use when working with frontend,…
maple-nextjs-style
Next.js / Vercel OpenTelemetry style for Maple: instrumentation.ts, @vercel/otel bootstrap, native @opentelemetry/api call sites, inline endpoint + ingest key,…
frontend-engineer
Expert frontend engineering with simplified pragmatic architecture, React 19, TanStack ecosystem, and Zustand state management. **ALWAYS use when implementing…
html-slide-builder
Given any teaching material (text, course outline, PDF, handout, spoken topic), automatically generate a complete Reveal.js HTML interactive presentation and deploy it to GitHub Pages. Automatically handle four major visual/interactive enhancements: 1. AI-generated background images (draw skill, data-background-image) 2. Flat icons (draw skill + PIL…
website-health
Audit a live website across 7 dimensions — SEO, performance, links, privacy, accessibility, security, content — with PASS/WARN/FAIL gates. Use when checking a…
component-spec-writer
Use this skill when defining a UI component before code. Produces a component specification for React, Vue, or design-system work covering purpose, component…
ui-layout-architect
Use this skill when a project needs its UI skeleton planned before feature work begins. Produces layout shell decisions for landing pages, dashboards, auth…
tanstack-query
TanStack Query (React Query) documentation and guidance. Use when working with TanStack Query - a powerful async state management library for data fetching,…