Skill UI

A comprehensive skill for advanced text and typography handling within the Makepad framework. It provides robust mechanisms for font configuration, text layout management (Layouter), and high-quality GPU-based text rendering using Signed Distance Fields (SDF). Use this skill when needing to implement rich text displays, manage complex font styles, or ensure crisp, scalable typography across different resolutions.

This assistant is an expert guide for developing user interfaces using the Makepad framework. It helps users write, explain, and troubleshoot code for a comprehensive set of widgets, including containers (View, PortalList), input controls (TextInput, Slider), navigation elements (TabBar, Modal), and media components. It adheres to best practices, providing structured code patterns and detailed usage documentation for building complex, modern UIs.

Generates and reviews Odoo XML definitions for Form, List, Kanban, Search, Calendar, and Graph views across versions 14–17, handling visibility, groups, domains, contexts, and widget rules with migration-aware syntax so you can deliver production-ready view XML.

Attempts to expose an open-source context resource, but the current skill metadata only yields a 404 response, indicating the referenced content is unavailable or missing from the system.

This guide outlines best practices for creating high-quality, structured pull requests (PRs) using Git and GitHub CLI. It ensures that every PR description captures not only what changed, but also the 'why' and necessary context for reviewers, significantly improving the code review process and adherence to engineering standards.

Automate creation of polished walkthrough videos by feeding Stitch project screens into Remotion compositions, adding smooth transitions, zooms, and contextual overlays to showcase apps for demos or product updates.

A comprehensive guide and set of best practices for designing reusable, production-ready widgets in Makepad. This skill covers advanced UI patterns such as modal overlays, collapsible sections, drag-and-drop functionality, and dynamic text/image toggling, ensuring robust and consistent component architecture.

Master the creation and manipulation of 3D geometry within the Three.js framework. This guide covers built-in primitive shapes (Box, Sphere, Cylinder), advanced procedural geometries (Extrude, Tube, TorusKnot), and text visualization. Crucially, it details the use of BufferGeometry, allowing developers to store vertex, normal, UV, and color data in optimized typed arrays for high-performance rendering and custom mesh construction.

A comprehensive utility for handling asset loading within Three.js environments. It supports various formats, including GLTF/GLB models, textures, HDR environments, and complex image assets. Features include robust asynchronous loading patterns, progress tracking via LoadingManager, and detailed configuration for PBR materials and environment mapping.

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 comprehensive guide covering texture management in Three.js. Learn how to load various texture types (regular, data, video, KTX2), configure critical properties like UV mapping, color space, wrapping modes, filtering, and mipmapping. Includes advanced workflows for generating and utilizing cubemaps and HDR environment maps.

Varlock provides secure, default environment variable management, ensuring that sensitive secrets (like API keys and passwords) are never exposed in logs, terminal output, or the AI context. It validates environments, reads schemas, and executes commands in a secure manner, promoting best practices for handling secrets in modern development workflows.