Skill UI

This skill guides the process of transforming complex, raw data into compelling, actionable narratives. It covers the core structure (Setup, Conflict, Resolution), narrative arcs, and the three pillars (Data, Narrative, Visuals) needed to create high-impact presentations for executives, investors, and non-technical stakeholders. It ensures insights drive clear decisions.

This advanced workflow emulates an elite Senior Software Engineer and Senior Product Designer, ensuring maximum quality output. It enforces a rigorous, multi-step process including ultra-fast planning, solid architecture design, TDD implementation, clean code refactoring, technical auditing, and crucially, mandatory pixel-perfect UI/UX validation. Use this for complex projects demanding both robust code and flawless visual presentation.

Automates guidance for technical diagram analysis, offering best practices for diagrams, charts, presentations, and validating code or visuals to meet visual documentation standards.

This skill functions as a documentation architect, capable of generating highly structured wiki catalogues and comprehensive onboarding guides directly from a codebase. It scans the repository, detects architectural patterns, identifies technical layers (presentation, business logic, data access), and creates two distinct guides: a Principal-Level Guide for seniors and a Zero-to-Hero Path for newcomers, ensuring every detail is cited with specific file paths.

A comprehensive coach designed to elevate all aspects of human communication. This skill covers public speaking techniques, persuasive presentation design, impactful storytelling, active listening, and professional written communication (emails, reports). It emphasizes theory combined with mandatory, structured practice and actionable feedback, helping users navigate various contexts, from board pitches to difficult conversations, while accounting for cultural communication norms.

A specialized tool for generating publication-quality, editable SVG diagrams from structured JSON specifications (FigureSpec). Use this when you need formal representations of system architectures, complex workflows, pipelines, or audit cascades. Key features include deterministic rendering (same spec always yields same SVG), full editability, and robust support for structured technical diagrams.

This skill converts complex technical descriptions, such as system architectures, data flow diagrams, flowcharts, and sequence diagrams, into professional, production-quality SVG diagrams. It supports various technical models, including Agent and Memory architectures, and exports the final output as high-resolution PNG files for seamless documentation and presentation use.

This skill converts complex, machine-readable Markdown artifacts (like research reports, review summaries, and idea proposals) into a single, polished, human-friendly HTML view. It maintains the original Markdown as the source of truth while providing advanced presentation features such as structured layouts, callouts, and interactive dashboards for optimal reading experience. Ideal for generating shareable, non-technical reports.

A sophisticated and print-friendly presentation template designed for explaining complex system architectures and data pipelines. Featuring a blueprint grid, cream background, and rust red accents, this deck is ideal for technical deep dives in engineering and system design.

A sophisticated, dark-themed presentation template designed for AI-native projects, knowledge graphs, or deep technical deep dives. It features a gradient cover with floating orbs and an interactive SVG force-directed graph, complemented by JetBrains Mono code highlighting and modern glassmorphism elements for section slides. Perfect for tech talks and product launches.

A specialized presentation deck template adopting a cyberpunk, CRT terminal aesthetic. It is ideal for conducting deep technical reviews, such as benchmarking CLI agents, demonstrating code diffs, or presenting complex development tool analyses. Features a dark background, grid lines, command prompt indicators, and structured tagging for maximum professional impact.

A sophisticated presentation template designed for technical content, mimicking the clean, professional aesthetic of GitHub blogs or product changelogs. It features a dark GitHub-dark background, vibrant purple and blue radial ambient lighting, a multi-color gradient title, and dedicated GitHub-style code blocks. Perfect for tech talks, deep-dive tutorials, and developer documentation.