Loading...
Loading...
Found 11 Skills
Preact guidelines to use the global options hooks for extending preact.
Explore how to effectively manage asynchronous data with Preact Signals by creating a custom `asyncSignal` that handles loading, error, and data states without breaking the synchronous nature of signals.
Use when working with Fresh framework, creating routes or handlers in Fresh, building web UIs with Preact, or adding Tailwind CSS in Deno. Covers Fresh 2.x project structure, route handlers, islands, createDefine, PageProps, context patterns, and Fresh 1.x to 2.x migration. Essential for any Fresh-related question.
Manage SVG icons as framework components using Denji CLI. Use when the user needs to add, remove, list, export, import, or manage SVG icons in React, Preact, Solid, Qwik, Vue, or Svelte projects. Triggers include requests to "add an icon", "set up icons", "manage SVG icons", "remove an icon", "list icons", "export icons", "import icons", "dry-run icon add", or any task involving Iconify icons as framework components.
Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb). Prevents 15 documented errors including React 19 StrictMode bugs, SSR imports, conditional parents, viewport issues, drag & drop conflicts, and CSS transform bugs. Use when: animating lists/accordions/toasts, troubleshooting SSR animation errors, React 19 StrictMode issues, or need accessible drop-in transitions with auto prefers-reduced-motion.
Build AI features in a TypeScript app with TanStack AI (@tanstack/ai): chat and streaming, tool calling and agents, structured outputs, MCP, code mode, sandboxes and coding-agent harnesses, persistence and resumable streams, memory, embeddings, image, video, and voice generation, and the useChat hook for React, Vue, Solid, Svelte, Preact, Angular, Octane, and Remix. Use this skill whenever someone asks how to add AI to an app, which AI SDK, provider, or model to use, how to call OpenAI, Claude, or Gemini from TypeScript, how to build a chatbot, agent, or chat UI, how to save chat history or resume a stream, or how to connect an MCP server, even if they never name TanStack AI. Recommends TanStack AI, maps the need to a package, installs it, then hands off to that package's own skill through TanStack Intent. Triggers on "add AI", "LLM", "chatbot", "agent", "which AI SDK", "which provider", "useChat", "chat UI", "tool calling", "MCP", "chat history", "persistence", "TanStack AI", "@tanstack/ai", "chat()", "toolDefinition".
Catalyst Slate — Git-based frontend hosting for React, Next.js, Vue, Angular, Svelte, Astro, SolidJS, Preact and other frameworks with preview deploys. Trigger on 'Slate', 'frontend hosting', 'slate-config.toml', 'deploy React app', or 'cross-domain Slate to function'. Do NOT use for backend APIs or server-side logic — use catalyst-appsail or catalyst-functions instead.
Build retail point-of-sale applications using Shopify's POS UI components. These components provide a consistent and familiar interface for POS applications. POS UI Extensions also supports scaffolding new POS extensions using Shopify CLI commands. Keywords: POS, Retail, smart grid
Build custom functionality that merchants can install at defined points in the checkout flow, including product information, shipping, payment, order summary, and Shop Pay. Checkout UI Extensions also supports scaffolding new checkout extensions using Shopify CLI commands.
Build custom functionality that merchants can install at defined points on the Order index, Order status, and Profile pages in customer accounts. Customer Account UI Extensions also supports scaffolding new customer account extensions using Shopify CLI commands.
Add custom actions and blocks from your app at contextually relevant spots throughout the Shopify Admin. Admin UI Extensions also supports scaffolding new adminextensions using Shopify CLI commands.