Skill UI

A read-only diagnostic tool used to estimate the total download size and projected sync frequency cost of an offline data profile before deploying it to end-users. It helps gauge the impact of data scope changes and prevent unexpected data usage costs.

Generates a self-contained HTML file that renders all application screens as phone-frame mockups. By reading the component structure (TSX) and utilizing a mapping reference, it converts the layout into equivalent HTML/CSS. This allows users to perform a quick visual preview, verify the design, and share a professional, screenshot-ready mockup without the need to run the full development server (Metro/Expo).

Tinte is an agent-native infrastructure designed for generating, compiling, and managing consistent design systems from a single source of truth. It maintains a graph of 13 semantic OKLCH color tokens, compiling them into multiple formats including shadcn/ui presets, VS Code themes, and terminal configurations. Use it to ensure brand consistency, extract themes from images (via AI), and generate code previews with professional styling.

Cloudflare Pages enables deploying static sites and full-stack applications globally with edge functions. It supports preview deployments per pull request, custom domains, and TLS. Users can manage projects via Wrangler CLI or the dashboard, integrating with GitHub/GitLab. Features include serverless functions, middleware, and bindings for KV, D1, and R2, facilitating server-side logic alongside static content.

EAS Simulator runs remote iOS or Android emulators on EAS infrastructure, enabling developers to test apps via CLI, AI agents, or browser preview. It unlocks testing environments where local simulators cannot run, such as Linux or cloud agents. Use this to verify app changes remotely on real device environments.

This skill helps audit and correct HTML metadata elements such as page titles, meta descriptions, canonical URLs, Open Graph tags, and Twitter cards. It ensures SEO best practices, fixes social share previews, and validates structured data like JSON-LD. Use it to maintain consistency across your website's technical SEO and improve search engine visibility while keeping changes minimal and scoped.

Explore and extract Hugging Face datasets using the Dataset Viewer API. Perform read-only operations like validating datasets, listing splits, previewing rows, paginating, searching text, filtering, retrieving parquet links, and getting statistics. Ideal for data exploration and retrieval tasks.

Generate and edit images using Gemini's Nano Banana Pro model (gemini-3-pro-image-preview). Supports text-to-image, image editing, multi-image composition, and Google Search grounding. Provides Python, JavaScript, and REST API examples.

S3-compatible object storage that branches alongside your Neon Postgres project, keeping files and database rows in sync across dev, preview, and production environments via copy-on-write buckets.

This skill guides users to create a new Remotion video project from scratch. It covers scaffolding the project structure, installing dependencies, designing video compositions using React, configuring preview servers, and rendering the final video output. It is suitable for developers building video content with Remotion tools.

This skill generates optimized title tags, meta descriptions, Open Graph tags, and Twitter Card tags for web pages. It aligns content with search intent and conversion goals using CTR frameworks. Users provide page details like keywords and audience, and the skill outputs SERP previews and multiple title variants for A/B testing to improve click-through rates.

A Python utility to preview conservative tool-name translations and copy complete local skill bundles for manual adaptation to Google Antigravity. Supports Claude Code, Cursor, Codex, and generic agent skill directories. Ensures safe migration with dry-run modes and workspace installation.