Skill UI

This skill provides comprehensive best practices for designing modern and robust React user interfaces. It covers critical patterns for managing asynchronous data, including optimal loading state indicators (skeletons vs. spinners), structured error handling hierarchies, and designing contextual empty states. Essential for improving user experience during data fetching and operations.

Provides comprehensive guidelines and utilities for modern unit testing using Jest and React Native. Covers Test-Driven Development (TDD) workflows, Behavior-Driven Development (BDD) principles, advanced mocking strategies for modules and GraphQL hooks, and implementing reusable factory functions for props and data. Use this skill to write robust, maintainable, and highly structured unit tests.

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 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 skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.

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 comprehensive guide provides strategies for optimizing the developer onboarding experience. Learn how to get developers to their "first value" (Time-to-First-Value) as quickly as possible using optimized quickstarts, tutorials, and structured sample apps. It covers measuring TTFV, identifying common blockers (like hidden prerequisites), and determining the best mix of interactive vs. static documentation to maximize product adoption rates.

A comprehensive guide on designing, building, and optimizing interactive developer playgrounds. Learn principles covering instant gratification, progressive complexity, and zero friction to maximize developer engagement, demonstrate core value, and convert curious visitors into active users.

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.

Utilize this skill to assess the health, adoption, and performance metrics of published EAS Updates directly via the CLI. It reports critical data points including crash rates, unique user counts, install volumes, payload size, and the split between embedded and OTA users, making it essential for post-publish monitoring and regression detection.

EAS Observe is a comprehensive tool for monitoring performance metrics in production Expo applications. It tracks critical performance data, including app startup time, navigation performance across routes, and custom user events. Developers can integrate it into their Expo project using the `expo-observe` package and query detailed reports via the EAS CLI, ensuring optimal user experience and stability.