Skill UI

Expert skill for building high-performance, memory-safe systems, web services, and complex libraries using modern Rust (1.75+). Specializes in advanced async programming with Tokio, zero-cost abstractions, and mastering ownership and lifetime rules. Ideal for implementing scalable backend APIs, low-level networking, and performance-critical components where memory safety is paramount.

Guides building Apex logic, Lightning Web Components, SOQL tuning, integrations, and DX-powered deployments for Salesforce apps, with emphasis on bulk-safe, governor-friendly, and CI/CD-aware workflows.

This guide provides expert patterns for building robust and scalable applications on the Salesforce platform. It covers modern UI development using Lightning Web Components (LWC) with reactive data services, and teaches advanced Apex implementation. Key patterns include utilizing handler classes for bulkified triggers to prevent recursion and ensuring separation of concerns, crucial for high-performance, maintainable code.

Automates the generation of professional, high-resolution marketing screenshots for your web application using Playwright. This skill guides you through the entire process, from gathering user requirements (product hunt, social media, documentation) to deep code analysis (routes, components). It ensures comprehensive coverage of key features, providing marketing-ready assets for your product launch or documentation.

This skill generates code to create complex, interactive 3D scenes and visualizations on the web using the Three.js library and WebGL. It covers the entire development lifecycle, including setting up the core components (Scene, Camera, Renderer), defining geometry, applying materials, adding lighting, and implementing animation loops. Ideal for web developers needing to display product mockups, scientific data visualizations, or immersive user experiences.

Guides frontend developers through generating Vue components, offering best-practice patterns, production-ready code, and validation for accessibility and performance.

Creates complex claude.ai HTML artifacts by initializing a ready React+TypeScript Vite project, leveraging Tailwind and shadcn/ui components, and bundling everything into a single inline HTML file for sharing in conversations.

This comprehensive guide covers the principles and implementation steps for building Progressive Web Apps (PWAs). Learn to integrate essential components like Web App Manifests and Service Workers to ensure your web application offers a reliable, fast, and truly offline-capable experience, mimicking the feel of a native mobile app. Ideal for enhancing web resilience and installability.

Astro is a modern web framework designed specifically for building high-performance, content-heavy websites like blogs, documentation sites, and portfolios. Its core innovation is the Islands Architecture, which ships zero JavaScript by default, drastically improving performance and Core Web Vitals. It supports multi-framework components (React, Vue, Svelte) in a single project, making it ideal for content developers prioritizing speed and flexibility.

Gradio is a powerful Python library designed for creating interactive web user interfaces and showcasing machine learning demos quickly. This skill covers core patterns like Interface, Blocks, and ChatInterface, allowing users to build complex applications, components, and event-driven chatbots with minimal effort. Ideal for rapid prototyping and deep learning model visualization.

This guide provides proven architectural patterns for building complex, reliable, and scalable workflows using n8n. It covers core patterns like Webhook processing, HTTP API integration, database synchronization, AI agent design, and scheduled tasks. Learn how to select the right pattern and utilize advanced components for robust automation.

This skill demonstrates how to create an event-driven pipeline using Figma's Webhooks. It listens for design file changes and automatically triggers Anima to regenerate production-ready code components (e.g., React/TypeScript/Tailwind). Ideal for integrating continuous design updates into CI/CD workflows.