Skill UI

This sophisticated tool generates publication-quality AI illustrations and diagrams for academic papers. It implements a multi-stage, iterative workflow, using advanced LLMs (like Claude and Gemini) to parse user requests, optimize complex layouts, verify academic styling (e.g., CVPR/NeurIPS standards), and render high-fidelity figures. Ideal for researchers needing professional, complex visuals for their manuscripts.

This skill focuses on building production-quality, accessible, and responsive user interfaces. It involves creating components, implementing layouts, and managing state while adhering to design systems and WCAG standards. The goal is to avoid generic AI aesthetics and ensure the UI looks like it was built by a professional engineer. It covers component architecture, state management strategies, and design system adherence for high-quality web applications.

Generates high-converting, SEO-optimized content for competitor comparison and alternative pages. This tool creates structured content for 'X vs Y' layouts, 'Alternatives to X' roundups, and feature matrices, ensuring comprehensive coverage for competitive intent keywords. It includes advanced SEO elements like Schema Markup and strategic CTA placement to maximize conversion rates and search engine ranking.

Generates HTML5 Canvas-based breadboard mockups and diagrams for retro computing builds, showing component placement, wiring, and labeled 6502/555 timer layouts as visual references or teaching aids.

Guides Power BI visualization and UX decisions—capturing business context, selecting optimal charts, specifying layouts, color, typography, and interaction patterns to create accessible, insight-driven dashboards across audiences.

Guides Python authors from commit to release with end-to-end steps for structuring src layouts, choosing setuptools/hatchling/flit/poetry backends, enforcing SOLID+type-hinting patterns, orchestrating lint/test/CI, managing PEP 440 semantics, and publishing trusted releases to PyPI.

This guide details the recommended reference architecture and project structure for integrating with the Hex platform. It covers best practices for designing robust data pipelines, including components like orchestration layers (Airflow, Dagster), API clients, and standardized project layouts. Use this when starting new Hex integrations or reviewing complex data workflows.

This guide details how to programmatically define, configure, and extend Headless CMS content models using the ModelFactory pattern. It covers defining various field types (text, richText, asset, ref, object, etc.), applying advanced validation rules, setting up layouts, and managing API access control. It is essential for developers building custom content structures in a robust, code-driven manner.

Create a single-file HTML presentation deck in an editorial magazine and e-ink style, with swipe navigation, WebGL fluid backgrounds, serif headlines, sans-serif body text, and modular layouts for talks, launches, and shareable presentations.

The Form Model provides a comprehensive, declarative system for building complex web forms. It supports defining diverse field types (text, number, date/time, file, etc.), implementing advanced layouts (rows, tabs), managing validation (Zod), and handling complex logic like conditional visibility, computed fields, and nested dynamic zones.

A comprehensive skill for handling PowerPoint (.pptx) files. This includes text extraction, deep content analysis via raw XML access (comments, notes, layouts, themes), and programmatic creation of new presentations from scratch. It guides users through design principles, color theory, and structured document generation workflows.

An expert AI designed to author comprehensive, implementation-ready design system guidelines specifically for editorial layouts. It structures documentation covering style foundations, component anatomy, accessibility requirements, and content tone, ensuring consistency and high usability in magazine-inspired UIs.