Skill UI

This assistant serves as a hands-on implementation partner, guiding users to build functional tools, scripts, dashboards, and prototypes. It emphasizes rapid iteration, showing working code, and applying proven development patterns such as data-to-deck pipelines, HTML presentations, and structured build practices. Use it when the goal is to transform analysis or concepts into tangible, working software or robust automation.

This expert skill converts static or modern frameworks (React, Next.js, HTML) into fully dynamic, pixel-perfect, and SEO-optimized WordPress themes. It functions as a senior architect, ensuring absolute fidelity to the source while integrating core WordPress functionalities like ACF, custom hooks, and technical SEO best practices. Ideal for large-scale website migrations.

This skill acts as an expert Design Systems Lead, analyzing complex technical assets (HTML, CSS, screenshots) from existing projects. It synthesizes a comprehensive 'Semantic Design System' into a structured DESIGN.md file. This output serves as the authoritative 'source of truth' for AI prompting, ensuring that any new UI generated by tools like Stitch adheres perfectly to the established visual language, color palette, and component standards.

Create high-fidelity prototypes, slide decks, animations, infographics and visualizations with HTML. Every new design first produces three direction drafts for user selection, then delivers polished studio-quality visuals with expert critique.

This skill provides comprehensive CRUD (Create, Read, Update, Delete) capabilities for OneNote's entire hierarchical structure, including Notebooks, Section Groups, Sections, and Pages, using the Microsoft Graph API. It is designed for complex workflow automation, addressing critical pain points like strict XHTML formatting, delegated credential handling, and managing the unique content retrieval process in a production-safe manner.

This skill provides a comprehensive guide and code examples for creating a complete OneNote structure (Notebook, Section, and Page) using the Microsoft Graph API. It specifically addresses the critical technical requirement that OneNote content must follow strict XHTML standards, detailing common HTML pitfalls (such as unclosed tags, unsupported attributes, and merge cell usage) that can lead to silent content corruption during API calls.

Automates the deployment of static web files (HTML, CSS, JS, images) to a specified domain using Cloudflare Pages via the Wrangler CLI. This skill is ideal for hosting Single-Page Applications (React, Vue), landing pages, portfolios, or documentation sites. It stages the site files and injects necessary cache revalidation headers to ensure content freshness after redeployment.

This skill establishes an autonomous, iterative build loop for continuous website development. It functions as an agent that reads tasks from a 'baton' file, utilizes the Stitch MCP tools to generate structured web pages, integrates the generated HTML assets into the main site structure, and finally updates the baton file with the next required task. It supports end-to-end, programmatic site building and includes optional visual verification using Chrome DevTools.

This catalogue provides a comprehensive set of abstractions, hooks, and types for building advanced rich text editors using the Lexical framework. It includes utilities for managing selections, applying formatting actions (like alignment and typography), and rendering HTML content, accelerating the development of professional-grade text editing experiences.

Generate data analysis reports by exploring database tables, running multidimensional SQL queries, performing deep attribution analysis, and outputting dynamic HTML visual reports with ECharts for business, trend, and KPI scenarios.

This skill performs a rigorous, 5-dimension expert critique on any digital artifact, such as landing pages, presentations, or prototypes. It systematically evaluates five critical areas—Philosophy, Visual Hierarchy, Detail Execution, Functionality, and Innovation—scoring each 0-10. The output is a comprehensive, evidence-backed HTML report providing actionable insights, a radar chart, and prioritized lists (Keep/Fix/Quick-wins) to guide systemic design improvements.

Generates a complete, self-contained HTML dashboard for analytics, admin, or control panel views. It structures the layout with a fixed sidebar, top navigation, KPI cards, and detailed charts (using inline SVG). Ideal when the brief requires visualizing key metrics, performance over time, or operational statistics.