Skill UI

This skill acts as a comprehensive maintenance orchestrator for the brooks-lint plugin repository. It executes a rigorous, sequential subagent pipeline—including authoring, evaluation, QA, trigger auditing, and release management. Use this when adding, editing, or updating skills to ensure all related components (manifests, README, CHANGELOG) are synchronized and adhere to strict quality gates throughout the development lifecycle.

This advanced skill performs a full-sweep analysis, providing a unified assessment of code quality across multiple dimensions: code decay, architecture integrity, technical debt, and test coverage. It automatically applies safe fixes directly to the codebase, while requiring confirmation for risky changes. It is ideal for comprehensive pre-release code health audits and automated refactoring.

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.