Skill UI

This skill is designed to identify subtle and complex logic bugs within a single code file or function. It employs a semi-formal execution tracing methodology, systematically breaking down the suspected bug into five stages: Premises (expected state), Trace (execution path), Divergence (actual deviation), Trigger (reproduction case), and Remedy (fix). It is ideal for scenarios where users suspect code is wrong but cannot specify a concrete failure point.

This skill provides a comprehensive framework for identifying, nurturing, and converting highly engaged users into active developer advocates, champions, and community contributors. It covers behavioral signals, mapping users onto the engagement spectrum, and designing effective ambassador or champion programs that offer genuine value, ensuring sustainable community growth and product evangelism.

This skill covers the principles of building Software Development Kits (SDKs) that provide an exceptional developer experience (DX). Learn how to design intuitive APIs, utilize progressive disclosure, establish sensible defaults, and implement actionable, guiding error messages. The focus is on driving product adoption by making the developer's workflow seamless and productive. Ideal for product managers, technical leads, and API designers.

StyleSeed Design Review analyzes UI/frontend code (React/Tailwind/HTML) against a detailed design rubric. It scores the interface (0-100) across coherence, color discipline, hierarchy, and polish. The tool pinpoints specific violations—such as mixed corner radii or non-semantic colors—and generates a prioritized, actionable list of fixes, ensuring the final product looks professional and polished, not generic or 'AI-generated.'

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 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 comprehensive Keynote template designed for announcing new products. It guides users through the narrative arc, covering the problem statement, product introduction, key features, pricing tiers, and a clear call to action, all within a polished, professional design.

A single-file, horizontal-swiping presentation deck template inspired by Replit's modern aesthetic. This deck provides eight distinct, professionally designed themes (e.g., helix, world-mint, atlas). Use it for creating cohesive product or project pitches, ensuring perfect visual consistency by selecting and adhering to one theme’s full palette, font, and accent colors.

An ultra-rational, grid-based presentation template inspired by Swiss design principles. Featuring a strict 16-column grid, limited color palettes (Klein Blue, Lemon, Safety Orange), and 22 predefined layouts. Ideal for presenting complex data, academic research, product roadmaps, and high-level business analysis where clarity and objectivity are paramount.

This template provides a comprehensive three-screen UI showcase for a gamified habit tracking application, designed with an RPG (Role-Playing Game) aesthetic. It includes a main cover page, a 'Today's Quests' summary screen displaying XP and level progress, and a detailed quest view for managing subtasks and rewards. Perfect for showcasing personal growth, productivity, or educational concepts.

A professional poster template designed in the style of a Sunday newspaper or magazine editorial. It features a vintage newsprint aesthetic, oversized serif headlines, a two-column body layout, and structured numbered sections, making it ideal for marketing campaigns, manifestos, or detailed product launches.

A professional 3D mockup template for showcasing modern devices (iPhone, MacBook). It allows embedding real, dynamic HTML content directly into the screen canvas, simulating advanced product launches, app demos, or design presentations. Features include 3D rotation, glass lens refraction, and realistic reflections.