Skill UI

This skill covers setting up a foundational Three.js scene. It includes configuring import maps, initializing the Scene, PerspectiveCamera, and WebGLRenderer trio, establishing a responsive render loop, and adding OrbitControls. Use this when bootstrapping a new Three.js application or debugging rendering issues like blank canvases. It excludes model loading and material lighting setup.

This skill audits Terms of Service, user agreements, and privacy policies to identify consumer risks. It flags unfair clauses, data traps, and liability issues. Users can paste text or provide file paths. The agent generates a structured report highlighting specific risks like auto-renewal traps, covert data authorization, and unilateral amendment rights from a consumer perspective.

This skill covers fundamental principles of 3D game development. It includes rendering pipelines, shader programming, physics collision systems, camera controls, lighting techniques, and level of detail optimization. It helps developers create efficient and visually appealing 3D environments while avoiding common anti-patterns in game production.

This skill diffs a live web page's accessibility violations against a specified baseline. It can compare changes against uncommitted local stashes or a specific Git branch. The report focuses exclusively on changes, highlighting new violations introduced, violations that have been fixed, and the count of pre-existing issues. Ideal for CI/CD pipelines and development auditing.

A specialized skill for generating hyper-realistic, humanized images using Google AI Studio (Gemini). It simulates the imperfections of real photography—such as natural lighting, slight camera shake, and depth of field—to create content that looks genuinely captured by a smartphone. Ideal for creating high-quality assets for social media (influencer style) or educational materials.

Speed read Claude's responses at 600+ WPM using RSVP with Spritz-style ORP highlighting. Ideal for quickly consuming long AI-generated text while maintaining comprehension.

Systematically commission DALI and DALI-2 (IEC 62386) lighting buses: discover devices, resolve address collisions, assign short addresses (0-63), program groups and scenes, configure DT8 color control, and schedule emergency battery tests. Use for bringing up, expanding, or troubleshooting DALI installations.

This skill acts as a frontend security specialist to detect Cross-Site Scripting (XSS) vulnerabilities in React, Vue, Angular, and vanilla JavaScript code. It performs static analysis to identify unsafe DOM manipulation, improper sanitization, and injection points. The tool helps developers secure client-side applications by highlighting dangerous patterns like innerHTML usage, URL injection risks, and framework-specific security issues such as dangerouslySetInnerHTML or v-html directives. It provides severity ratings and remediation suggestions for CWE-79 vulnerabilities.

This skill produces a step-by-step execution trace for specific code inputs, resolving names and tracking type transitions. It clarifies code behavior when users are confused about outputs or logic, highlighting non-obvious behaviors like implicit coercions and side effects without evaluating code quality. It helps users understand exactly what the code does.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

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.

Launches an RSVP speed reader to display text one word at a time with Spritz-style highlighting. Useful for quick reading of provided text or assistant responses without document transformation.