frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,239 results
evoweb-ai
Create a Website Designed to Bring Clients from ChatGPT, Gemini & Modern Search
web-bundling
Bundle web applications into single HTML files for distribution. Use when creating self-contained HTML games, artifacts, or demos that need to be shared as a…
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,…
web-screenshot
Capture screenshots of web pages using shot-scraper (a Playwright-backed CLI). Use this skill whenever the user wants to take a screenshot of a website,…
obsidian-arrow-css
Use when styling Arrow.js components for an Obsidian plugin — deciding between Obsidian's semantic classes, oas-* utility classes, and custom CSS; reading the…
animejs
Build web animations with anime.js v4 — a fast, lightweight JavaScript animation library. Use this skill whenever the user wants to animate DOM elements, CSS…
web-section-recreation-spec
Apply the Web section recreation spec workflow derived from multiple published GoodCase examples. Use when planning, designing, or implementing a website in…
dspy-react
Build tool-using agents with dspy.ReAct - the Reasoning-Action-Observation loop for interleaved thinking and action. Use when the task requires calling…
ai-studio-project-converter
Process specification for converting a React project generated by Google AI Studio into a page component of this project; used when handling Import Map, style migration, dependency installation, environment variables, and acceptance.
lov-oh-my-landingpage
Starting from product and brand facts, independently derive the positioning, narrative, and visuals suited to the current product, and complete the Landing Page implementation, responsiveness, and production read-back; suitable for creating official websites, brand website restructuring, unclear product value, or a mismatch between visuals and product.
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…
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,…