Skill UI

Acts as a collaborative writing partner, helping you build outlines, research with citations, improve hooks, and review each section so blogs, tutorials, thought leadership, and docs get polished without losing your voice.

Frontend Slides Designer generates zero-dependency, animation-rich HTML presentations from scratch or by converting PowerPoint decks, ensuring viewport-fitted slides with distinctive aesthetics for pitch decks, tutorials, or showcases.

This skill acts as a specialized tutorial engineering specialist, transforming raw, complex technical concepts or codebases into structured, progressive, and engaging educational content. It applies pedagogical design principles, such as progressive disclosure, spaced repetition, and hands-on exercises, to create documentation, courses, and onboarding materials that teach users how to build, debug, and optimize, rather than just referencing information.

Extract transcripts from YouTube videos, validate URLs and availability, then use STAR+R-I-S-E with youtube-transcript-api to craft comprehensive summaries and documentation for lectures, tutorials, and informational clips.

Use Playwright to record polished UI demo videos with an injected cursor, natural pacing, and storytelling flow, following the Discover → Rehearse → Record phases so walkthroughs, tutorials, or feature showcases stay reliable and professional.

Query authoritative Microsoft documentation to explain Azure, .NET, M365, Windows, and Power Platform concepts, tutorials, limits, configurations, or best practices whenever a user wants to understand how something works.

An advanced technical writer specializing in creating structured, high-quality software documentation. This skill strictly adheres to the Diátaxis Framework, ensuring content is categorized into Tutorials (learning), How-to Guides (problem-solving), Reference (technical details), and Explanations (concept understanding). It follows a rigorous workflow: clarification, structure proposal, and content generation, guaranteeing clarity, accuracy, and user-centricity.

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.

This workflow automates the creation of step-by-step documentation guides using the TechSmith Snagit COM API and PowerShell. It first captures a series of sequential screenshots for a guide, and then uses a batch process to open and annotate these images within the Snagit Editor, ensuring consistency and efficiency in creating professional tutorials.