Skill UI

A comprehensive guide to implementing custom visual effects in Three.js using shaders. Learn how to work with GLSL, utilize ShaderMaterial, manage uniforms (scalars, vectors, matrices, textures), and manipulate vertex and fragment data. Covers advanced patterns like texture sampling, vertex displacement, and custom lighting effects.

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.

Generates monthly progress summaries for GEO agency clients by comparing baseline and current audits, highlighting score gains, crawler access, and action-item status to prove value in retention discussions.

Creates a comprehensive onboarding guide for new teammates by extracting project context from the knowledge graph, layering architecture descriptions, guiding tours, and highlighting complex files so newcomers can ramp up quickly.

A four-phase onboarding framework that guides enterprise customers from contract execution through go-live to sustained adoption, highlighting early owner validation, adoption cliff prevention, and pre-onboarding readiness to keep large deals moving and prevent churn.

This tool searches the current repository and lists all pull requests assigned to the user. It provides comprehensive details for each PR, including its purpose and scope. The output is highly functional, highlighting pending review status, detailing any failed checks (with suggested fixes), and offering to automatically request a Copilot review to maintain continuous development flow. Ideal for daily workflow status checks.

This powerful skill analyzes various document types (PDF, Word, RTF) and web URLs. It generates a detailed report where every factual claim made in the analysis is accompanied by an inline screenshot from the source material, highlighting the exact cited text. This ensures users can visually verify the accuracy and source of every piece of information.

A powerful, provider-agnostic skill dedicated to generating high-quality, single-image assets such as posters, key art, and editorial illustrations. This tool utilizes a structured, multi-step prompt composition workflow (Subject, Lighting, Palette, Camera) to ensure cinematic and artistic consistency, regardless of the underlying AI model (Flux, Imagen, Midjourney). Ideal for designers needing professional-grade visual concepts.

A powerful Python skill for adding professional callouts, arrows, and labels to various images, including screenshots, diagrams, and architecture documents. It allows users to visually highlight specific areas or changes. The advanced `annotate.py` module provides algorithmic label placement, optimizing for readability and preventing overlaps. Ideal for creating clear PR descriptions, documenting changes, or building annotated demo assets.

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.

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.