Skill UI

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.

A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

This skill enables comprehensive SQL injection vulnerability assessments on web applications to identify database security flaws and validate input sanitization. It supports detection of in-band, blind, and out-of-band attack vectors. Users can demonstrate exploitation techniques and extract data for authorized security testing purposes only. Requires explicit written permission before execution.

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.

A comprehensive style guide for implementing the Synthwave and Outrun aesthetic across web and mobile applications. This guide details the core principles, including dark mode backgrounds, glowing neon accents (magenta, cyan), and the signature perspective grid. It provides technical examples using CSS, SwiftUI, Flutter, and React Native to achieve authentic retro-futuristic visual fidelity.

This skill specializes in scaffolding production-ready Rust applications. It generates complete project structures using Cargo tooling, ensuring proper module organization, testing setup, and configuration following Rust best practices. It supports binary, library, workspace, and web API project types with idiomatic code patterns.

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.

This skill enables user interaction within Three.js scenes, covering raycasting, camera controls, and input handling. It is essential for implementing click detection, touch support, and object selection in 3D web applications. Use it to transform passive renders into interactive experiences.

This skill covers Three.js material types including PBR, basic, Phong, and shader materials. It helps with styling meshes, applying textures, creating custom shaders, and optimizing material performance for 3D web applications.

This skill enables adding visual effects like bloom, depth of field, and color grading to Three.js 3D scenes. It utilizes EffectComposer and custom shaders for screen-space enhancements, suitable for final image rendering optimization and artistic styling in web-based 3D applications.

Implement stable and scalable directional shadow systems for Three.js applications. This skill covers large procedural worlds, city scenes, and terrain rendering with moving cameras. It includes techniques like WebGPU/TSL shadow nodes, cascades, cached clipmaps, texel stabilization, update budgets, and targeted invalidation to ensure performance.

Provides a structured reference for the 100 most critical web application vulnerabilities. Enables systematic vulnerability identification, impact assessment, and remediation guidance. Suitable for authorized security assessments and educational purposes.