Skill UI

A comprehensive skill for creating technical and scientific documentation using Markdown as the source format, enhanced by embedded Mermaid diagrams. This method establishes text-based diagrams as the canonical standard, ensuring that all visualizations are clean, editable, and highly readable in version control systems like Git. It is ideal for generating reports, architectural diagrams, workflows, and any content that requires cross-platform rendering and version history.

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.

This core workflow provides comprehensive guidance for integrating the Wispr Flow voice-to-text API. It supports both low-latency WebSocket streaming and standard REST API calls. Use this when building voice-powered applications, real-time dictation tools, or systems that require high accuracy in transcribing complex content like code, CLI commands, and technical jargon.

This skill creates a comprehensive, three-column documentation page in pure HTML. It is ideal when the brief requires a professional "guide," "tutorial," or "API reference." It includes structured elements like a sticky left navigation sidebar, a main article body, and a dynamic right Table of Contents, ensuring technical content is highly readable and navigable.

A powerful utility that converts Markdown (`.md`) files into richly formatted Word (`.docx`) documents. Built using pure JavaScript, it requires no external dependencies like Pandoc or LibreOffice. Features include automatic generation of title pages (from YAML front-matter), dynamic table of contents, and accurate embedding of PNG images, making it ideal for technical documentation and reports.

Search scientific and technical web content with Exa and batch-extract text from webpages or PDFs. Supports scholarly discovery via publication category and academic domain filters for research tasks.

Diagnose search intent mismatches by analyzing SERP page types and user stories. This tool bridges SEO and UX, identifying ranking failures due to layout or intent issues rather than technical flaws. It provides gap analysis scores and persona-based scoring to align content with Google's rewards.

This skill guides the user to act as an expert author of comprehensive, implementation-ready design system guidelines for a cyber-slick, dark, Matrix-inspired interface. It covers foundational constraints, color tokens, typography scales, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards, ensuring technical rigor and visual consistency for engineering and design teams.

This demo skill verifies the compatibility of MDA-compiled SKILL.md files within the Claude Code environment. It confirms that the skill's frontmatter, metadata structure, and allowed tools are correctly parsed and honored by the loader, ensuring smooth integration of compiled content into the agent workspace. It is a technical utility for development validation.

This tool accesses a persistent FTS5 knowledge base containing previously indexed project documentation, local content, and session memory. Instead of feeding entire raw sources into the conversation context, it allows users to perform targeted, efficient searches using specific queries and source scoping. This is ideal for quickly retrieving technical details, project specifications, or historical context without lengthy re-reading.

Generate unique, 16:9 hand-drawn illustrations for articles, blog posts, and technical documentation. This skill translates abstract cognitive anchor points into clean, absurd, and memorable whiteboard sketches. It features a consistent, recurring character, 'Grav,' who actively drives the narrative, ensuring a unique and professional visual language across all your content.

This skill guides the creation of high-converting, honest comparison and alternative pages for developer tools. It teaches how to structure content that ranks for competitive SEO terms (e.g., "[Competitor] alternatives," "[Product] vs [Competitor]"), capturing high-intent traffic by addressing user pain points and providing clear technical differentiation.