Skill UI

A relationship-aware gift engine that determines whether a personalized gift should be created, then uses a five-stage creative pipeline (editorial judgment, synthesis, concept generation, visual strategy, rendering) to produce H5, image, or video gifts with anti-repetition and taste profiling.

Skill for spatial composition in UI design. Emphasizes rendering and critiquing visual output, avoiding generic AI or trend averages, and preventing horizontal overflow. Includes mandatory scrollWidth checks and defensive CSS techniques.

Generate, refine, and validate diagrams from natural language, notes, code, or schemas. Supports Mermaid, Graphviz, and PlantUML for flowcharts, architecture, and state machines. Ideal for turning textual analysis into visuals, producing attack-path graphs, or creating editable diagram sources for reports and documentation.

Build native iOS and Android UI components using React with the @expo/ui package. Supports universal cross-platform components and platform-specific SwiftUI or Jetpack Compose rendering. Ideal for Expo SDK 56+ projects needing high-performance native interfaces without writing separate native code.

HasData is a comprehensive cloud platform designed for extracting structured public web data. It supports three core execution modes: Web Scraping API for arbitrary URLs (including JS rendering), pre-parsed Scraper APIs for known platforms (like Google or Amazon), and asynchronous Scraper Jobs for bulk or recursive crawling. Ideal for market research, e-commerce intelligence, job data collection, and local business lead generation.

This skill provides guidance on Makepad 2.0's two-layer event system for building UI code. It covers Splash inline handlers like on_click and on_render, and Rust MatchEvent trait methods. Use this when developing Makepad applications to handle user interactions, dynamic rendering, and business logic efficiently.

This skill provides comprehensive guidance for building and debugging user interfaces using Makepad 2.0 widgets. It covers the complete widget catalog including containers, text, buttons, inputs, media, and navigation components. It also includes critical coding rules for layout, styling, and performance optimization to ensure correct UI rendering.

This skill assists with Makepad font configuration, text layout, and GPU-based text rendering using Signed Distance Fields (SDF). It covers font families, sizes, styles, layout parameters, and rasterizer settings within the Makepad DSL framework.

This skill provides reliable methods for opening and viewing Markdown files within cmux panes. It specifically addresses a known bug where attempting to move an existing Markdown viewer surface using `move-surface` results in a blank, unreadable output. Use this when you need a stable, correctly rendered Markdown view in a designated cmux pane, avoiding the rendering failure bug.

This skill enables developers to override Markstream node renderers and add trusted custom tags across Vue, React, Svelte, and Angular. It allows scoped or renderer-local mappings without replacing the parser. Useful for customizing built-in elements or rendering specific tags like thinking. It emphasizes security by treating custom tags as trusted input and maintaining safe HTML policies.

Guide for integrating markstream-vue into a plain Vue 3 application, covering renderer modes (chat, docs, minimal), code rendering options (pre, shiki, monaco), streaming state management, long-message virtualization, scoped component overrides, and security considerations for safe HTML and Mermaid rendering.

Integrate markstream-vue2 into Vue 2.6 or 2.7 projects, covering Composition API choices, CSS imports, streaming state control, optional peer dependencies, and scoped style overrides for markdown rendering.