Skill UI

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 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.

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 comprehensive visual philosophy and art-direction guidelines for frontend design. It is ideal for creating high-concept campaigns, unique brand manifestos, or when a distinct, sophisticated, and art-like aesthetic is required. Users define a 'movement' and articulate its core principles across various sensory dimensions, ensuring the final output feels meticulously crafted and conceptually deep.

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.

A comprehensive skill guide for defining the core intent, tone, and strategic direction of any frontend design. It applies rigorous cross-domain principles drawn from architecture, cinema, marketing, and automotive design. Use this before coding to establish purpose, visual hierarchy, and intentional structure, ensuring every design element is deliberate and highly crafted.

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 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 comprehensive guide provides structured frameworks and best practices for all developer advocacy activities. Use it to plan conference talks (including CFP templates), prepare live coding demos with the 10-3-1 rule, and strategize for podcast appearances and building in public. It covers everything from audience context to presentation polish.