Skill UI

This skill diagnoses latency and throughput in weather data workflows by measuring stages like discovery, transfer, parsing, and rendering separately. It identifies bottlenecks before code changes, supporting profiling and validation of performance fixes. It ensures accurate optimization by isolating slow steps in the pipeline.

This skill transforms generated wiki Markdown files into a polished VitePress static site featuring a dark theme and interactive Mermaid diagrams. It handles complex configuration for Mermaid rendering, including CSS overrides and inline style fixes to ensure diagrams display correctly in dark mode. Additionally, it adds click-to-zoom functionality for diagrams and performs necessary post-processing on Markdown files before building. Use this when packaging wiki content as a browsable HTML site.

Build a terminal-style, always-running animated architecture diagram from JSON config and render to mp4 or a live web page. Ideal for system, agent, or org diagrams that look like a monitoring dashboard with glowing packets, scrolling logs, and flipping counters. Includes themes like terminal-dark and light-pastel, plus canvas presets for social media.

Install the pinned Beatra AI Music Generator package to turn themes, lyrics, or reference audio into songs, instrumentals, and soundtracks inside Claude Code, Codex, or Cursor, using paid hosted rendering with verified download and review steps.

Prepares a Notion-ready CSV plus property mapping and click-path import instructions so users can manually upload a database. Renders the active module's confirmed field list, select and status options, and post-import verification steps.

Edit mathematically, empirically, or technically dense papers for readers outside the author's specialty, including empirical legal scholarship, law-and-economics models, and legal-technology research. Clarifies terminology, antecedents, study design, and claim-statistic relationships while checking equations, numbers, quotations, and citations against the source. Use to clarify exposition or de-jargonize a technical draft; not to rewrite briefs or doctrinal arguments. Produces an edited draft and audit memo. Full integrity checks and original-format rendering require suitable extraction, c...

Build or fix frontends to look designed, not AI-generated. Includes taste direction, craft floor checklists, and browser-based quality gate that renders pages at phone and desktop widths, catching overlap, low contrast, and AI-slop defaults. Proof before calling work done.

This skill fetches public webpages and converts them into clean Markdown format suitable for AI agents. It allows users to read, summarize, quote, or cite webpage content while preserving the original source URL. The workflow involves sending a GET request to a specific endpoint to retrieve the rendered content. It is designed for read-only access and does not support private pages or content modification.

A step-by-step workflow for UI work: understand the project, choose the right plan (new screen, dashboard, polish, simplify, review), then render, fix, and re-check until the result looks right. It helps agents build real, polished interfaces and avoid AI slop.

CurlShot is a hosted API service that captures web page screenshots, PDFs, and scrolling videos. It supports rendering HTML and Markdown to images. Users can specify viewport devices, block ads, and customize output formats. Requires an API key for access. Ideal for generating social media cards, reports, and previews from public URLs or custom HTML content.

Build, debug, test, and package playable 2D games in Go using Ebitengine, covering game loops, input, rendering, audio, scenes, gameplay tests, and desktop, browser, or mobile builds.