Skill UI

A comprehensive guide for building, scaling, and managing vibrant developer communities across various platforms like Discord, Slack, and forums. It covers the full lifecycle, from platform selection and optimal channel structuring to implementing robust onboarding journeys and continuous engagement programs. Essential for product managers, community managers, and technical founders aiming to build a strong developer ecosystem.

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.

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.

Learn how to transform your technical documentation from a mere resource into a powerful marketing and conversion channel. This skill covers optimizing information architecture, structuring compelling quickstarts, and applying developer-centric principles to attract, convert, and retain developers, enhancing overall product adoption.

This guide details how to integrate Expo and React Native into existing native iOS or Android applications (brownfield development). It addresses the core challenge of adopting new technology incrementally, outlining two distinct approaches: Isolated (consuming prebuilt AAR/XCFramework) and Integrated (adding sources directly to existing build systems like Gradle/CocoaPods).

This skill guides users through an in-depth interview process to achieve maximum project context completeness (100% "Gold Code") for their .faf file. By systematically asking questions about project goals, architecture, and technology stack, it ensures all critical context slots are filled, making the project fully structured and highly readable by AI systems.

This skill performs a deep comparison of two code versions to verify semantic equivalence, going beyond simple syntax diffing. It uses semi-formal tracing techniques to trace both versions against shared specifications and boundary conditions (e.g., null, zero, max/min). Ideal for confirming if a refactor, rewrite, or migration has unintentionally altered the code's behavior, answering the question: "Did I break anything?"