Skill UI

SvelteKit is the official full-stack framework built on Svelte, enabling developers to build fast, modern, and highly performant web applications. It provides comprehensive features including file-based routing, Server-Side Rendering (SSR), Static Site Generation (SSG), API routes, and progressive form actions, all while maintaining Svelte's zero runtime overhead. Use this skill when building complex, data-driven web platforms where performance and developer experience are paramount.

Formats Markdown into Slack-ready HTML or mrkdwn, previews the Slack-style rendering, copies rich HTML to the clipboard, and optionally delivers announcements via webhooks for messages and notifications.

A comprehensive guide covering best practices for creating videos using Remotion and React. Learn how to incorporate advanced features such as 3D rendering (Three.js), complex animations, audio synchronization, data charting, subtitles, and sophisticated scene transitions. This skill covers 29 domain-specific rules for professional video pipelines.

A comprehensive guide for improving application speed across the entire stack, including frontend rendering, backend logic, and database queries. It outlines the crucial workflow—Measure, Identify, Fix, Verify—and addresses common bottlenecks like N+1 queries, Core Web Vitals improvements (LCP, INP, CLS), and large data handling.

A comprehensive guide to optimizing website content for modern AI search systems, including ChatGPT, Perplexity, and Google AI Overviews. It covers structural improvements, maximizing citability scores, incorporating multi-modal elements, building brand authority, and implementing technical standards like llms.txt and proper server-side rendering (SSR). Essential for maximizing organic reach in the LLM era.

Comprehensive audit covering all aspects of web technical SEO, including crawlability (robots.txt, sitemaps), indexability, security headers, and URL structure. It deeply analyzes Core Web Vitals (LCP, INP, CLS) and assesses complex rendering scenarios like JavaScript SEO and structured data implementation for optimal search engine visibility.

A comprehensive skill for creating technical and scientific documentation using Markdown as the source format, enhanced by embedded Mermaid diagrams. This method establishes text-based diagrams as the canonical standard, ensuring that all visualizations are clean, editable, and highly readable in version control systems like Git. It is ideal for generating reports, architectural diagrams, workflows, and any content that requires cross-platform rendering and version history.

This guide serves as a diagnostic reference for common Framer errors, covering issues across plugins, components, and Server APIs. It provides detailed causes and actionable fixes for problems like component rendering failures, incorrect API usage, and connection errors, helping developers efficiently debug and resolve integration issues.

This comprehensive debug bundle collects all necessary diagnostic evidence from Lucidchart's API integrations. It systematically checks document access, data linking integrity, shape rendering, and export status by capturing API responses, page metadata, and rate limit information. It is essential for support engineers diagnosing complex integration failures without needing direct account access.

This advanced skill is designed to generate high-quality, publication-ready academic illustrations and diagrams. It utilizes a sophisticated, multi-stage iterative workflow involving Claude for planning, layout optimization, and strict visual review, combined with a dedicated local Codex app-server bridge for native image rendering. The process ensures that generated figures meet the rigorous aesthetic and structural standards required for top-tier conferences and journals (e.g., CVPR, NeurIPS).

These extensions enable developers to customize the Shopify checkout experience using sandboxed, React-like components. They serve as the modern replacement for the deprecated checkout.liquid, allowing deep integration into the purchase flow. Use cases include adding custom data fields (metafields), rendering dynamic promotional banners, and reading real-time checkout state information.

This guide provides comprehensive instructions for integrating TechSmith's screen capture (Snagit) and video editing (Camtasia) tools using the COM API. It covers advanced scripting techniques in a Windows environment, primarily utilizing PowerShell and Python interop (`pywin32`). Use it to automate complex content creation workflows, such as batch rendering, programmatic screen region capture, and structured file handling for professional video assets.