Skill UI

Expert patterns for building Shopify applications using Remix, React Router, and App Bridge. Covers webhook handling, GraphQL Admin API, Polaris UI components, billing integration, and app extensions. Ideal for developers creating custom Shopify solutions.

Build Shopify apps, extensions, and themes using GraphQL Admin API, Shopify CLI, Polaris UI, and Liquid templating. Customize checkout, admin UI, and POS actions. Integrate with Shopify APIs, implement webhooks, and manage metafields for e-commerce solutions.

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.

Expert in building Telegram Mini Apps (TWA) - web apps that run inside Telegram with native-like experience. Covers TON ecosystem, Telegram Web App API, payments, user authentication, and viral monetization.

This skill provides pre-configured project scaffolding templates for initiating new applications from scratch. It covers 12 diverse technology stacks including Next.js, Express, Python FastAPI, React Native, Flutter, and more. Users can select the appropriate template based on their project type, such as full-stack web apps, APIs, mobile applications, or desktop software. It streamlines the setup process by offering ready-made structures and configurations tailored to specific development needs.

Master Three.js lighting techniques including ambient, directional, point, and spot lights. Learn to configure shadows, environment lighting, and optimize performance for realistic 3D scenes. Essential for web 3D development.

This skill guide provides comprehensive implementation details for the Metro/Modern UI style, mimicking the aesthetic of Windows Phone/8 start screens. It focuses on creating sharply cornered, flat-color tiles arranged in a horizontally scrolling grid. Key features include live data updates (e.g., tile flipping) and replicating the classic interactive 'tilt' effect. Applicable for cross-platform development using Web (CSS), iOS (SwiftUI), and Flutter.

Expert in building voice AI applications - from real-time voice agents to voice-enabled apps. Covers OpenAI Realtime API, Vapi, Deepgram, ElevenLabs, LiveKit, and WebRTC. Focuses on low-latency, production-ready voice experiences.

A comprehensive guide covering the entire lifecycle of building VS Code extensions, from initial scaffolding to successful Marketplace publication. Learn best practices for Webviews, TreeViews, testing, packaging, and troubleshooting, ensuring compatibility with the latest APIs.

This skill covers web browser game development, including framework selection (Phaser, Three.js, Babylon.js), hybrid DOM+canvas architectures, WebGPU adoption, performance optimization, PWA implementation, and audio handling. Use it for building HTML5/WebGL games or selecting browser runtimes.

This masterclass framework provides a structured, end-to-end guide for scoping and planning new web projects, applications, or page designs. It systematically covers core concept definition, user experience (UX) mapping, visual design system establishment, selecting the technical architecture, and optimizing for SEO and performance. Ideal for the initial stages of development.

This guide details the principles and technical implementation of widget-based user interfaces, mimicking the aesthetic of modern mobile operating systems (like iOS Home Screen). It covers core design principles such as strict aspect ratios, glanceability, and corner radius matching. Practical code examples are provided for Web (CSS Grid), iOS (SwiftUI), and Cross-platform (Flutter) development, enabling designers to create modular, highly functional mini-apps.