Skill UI

A comprehensive framework for systematically analyzing and monitoring competitors in the developer tools space. Users can track product features, pricing models, content strategies, developer sentiment, and market positioning. This skill is essential for product managers, marketing teams, and sales teams needing accurate competitive intelligence to build battlecards and identify market gaps.

This skill assists in generating robust Behavior Driven Development (BDD) tests. It supports writing feature files using Gherkin syntax (Given/When/Then) and automatically generates corresponding step definitions in multiple languages, including Java, JavaScript, and Ruby. Ideal for structuring and automating end-to-end functional tests.

This skill generates robust, production-grade End-to-End (E2E) and Component tests using the Cypress framework in JavaScript or TypeScript. It supports local execution and cloud testing environments. Use this skill when you need to write Cypress test cases, set up the Cypress environment, or utilize core commands like `cy.get`, `cy.visit`, and `cy.intercept` for functional validation.

This powerful skill provides an interactive debugger interface, allowing developers to set breakpoints, step through source code line by line, inspect live variable states, and trace the entire call stack. It is essential for diagnosing complex bugs, understanding unexpected program flow, or determining the root cause when standard logging fails. It supports various languages via the DAP protocol.

This skill provides a deep framework for validating the spatial composition and technical integrity of a UI. It moves beyond simple visual checks, emphasizing that the output must be rendered and critically assessed at various viewport sizes. Key focus areas include detecting subtle design flaws like overlaps and imbalances, and most critically, implementing mandatory horizontal overflow checks (`scrollWidth`) to ensure the layout remains flawless across all device widths.

This guide details advanced strategies for publishing technical content across major developer platforms like Dev.to and Hashnode. It covers cross-posting best practices, canonical URL management for optimal SEO, and platform-specific optimization (e.g., tagging, content performance) to maximize reach and build authority.

This foundational skill guides the establishment and maintenance of a comprehensive developer audience context. It helps map out detailed developer personas, identify core pain points, analyze current alternatives, and determine key technical differentiators. By structuring this context across 10 critical sections, it ensures all subsequent developer marketing materials are highly targeted and speak the exact language of the target user.

This skill helps users deeply understand the root causes of developer attrition, moving beyond basic pricing models. It addresses six key types of churn—including DX issues, integration failures, and market shifts—and provides a framework for calculating a developer health score to identify at-risk users proactively. Ideal for product managers and marketing teams focused on growth and retention.

A comprehensive skill for systematically monitoring developer conversations across technical platforms like GitHub, Reddit, and Stack Overflow. It helps track brand mentions, competitor positioning, and unsolved technical problems to gather unfiltered product feedback and high-intent leads.

This skill provides a comprehensive framework for creating, writing, and optimizing newsletters tailored for developer audiences. It covers content strategy (e.g., 70-20-10 rule), defining newsletter types (curated links, product updates), crafting engaging subject lines, and structuring technical emails for maximum readability and engagement.

This skill guides the implementation of advanced SEO strategies tailored specifically for technical audiences and developers. It covers specialized techniques such as optimizing for error messages, researching high-intent technical long-tail keywords, creating structured how-to guides, and developing objective tool comparison content. Use this when targeting developers who search with precise technical intent, needing solutions that go beyond standard documentation.

This comprehensive skill guides the creation of high-quality technical content specifically tailored for developers. It covers the entire devrel content lifecycle: from researching topic validation (community signals, competitor gaps) to selecting the ideal content type (tutorial, guide, case study). The framework emphasizes deep technical accuracy, structured outlines (Hook, Meat, CTA), and writing runnable, copy-paste ready code examples to build trust and drive adoption.