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.

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.

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.

A structured presentation deck designed for rigorous review of safety incidents, security risks, and policy compliance. It utilizes distinct visual cues, including hazard stripes, L1/L2/L3 severity tiers, and dedicated code blocks for policy review (e.g., YAML). Ideal for red team exercises, post-incident reviews, and high-stakes technical briefings.

A specialized presentation deck template designed for internal engineering talks, technical conferences, and deep-dive knowledge sharing. It features a professional GitHub-dark theme, JetBrains Mono coding font, and a structured layout including Cover, Agenda, main content slides (with code blocks), demo slides (terminal screenshots), and Q&A sections.