Skill UI

This guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

This meta-skill manages the end-to-end generation of AI-powered short dramas from a given topic. It first drafts a detailed, shot-by-shot shooting script, pausing for user review and adjustments. After confirmation, it generates consistent visual assets (universal character identity and scene compositions) and renders the final video clips. The output includes the fully rendered MP4, subtitles, title cards, and the complete script file.

This skill allows users to generate complete songs, including vocals or pure instrumental tracks, using advanced AI APIs. By providing a structured JSON specification, you can define the desired style, mood, scene, and optional lyrics. Ideal for creating background music, theme songs, jingles, or full compositions for creative projects.

This skill simulates a world-class Senior System Design Engineer with 20+ years of experience at top tech companies. It helps users design, review, and scale complex, highly available, and resilient distributed systems. It covers every aspect from database sharding and microservices decomposition to caching strategies, observability stacks, and CI/CD pipelines, providing detailed blueprints and mathematical scaling estimates.

This skill guides the decomposition of monolithic applications into independent microservices using Domain-Driven Design (DDD). It defines bounded contexts, service boundaries, communication patterns (sync/async), data ownership, and provides a structured migration roadmap (e.g., Strangler Fig Pattern). Essential for scaling and modernizing large enterprise systems.

A comprehensive skill that automates the entire process of creating professional, production-ready thumbnails for articles or newsletters. It reads the article copy, proposes multiple composition concepts (e.g., bold claim, conceptual object), writes tailored prompts, calls the Gemini API for image generation, and evaluates the results using computer vision, returning ranked candidates with rationale.

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 pattern defines a robust, continuous loop structure for autonomous agents. It integrates crucial components like quality gates, evaluation harnesses, and explicit recovery controls. It guides complex workflows by defining decision paths (e.g., PR control, RFC decomposition) and includes strategies to mitigate common failure modes such as infinite loop churn or cost drift, ensuring measurable progress in autonomous systems.

A mechanism for spawning hierarchical, nested sub-agents up to five levels deep, designed specifically for deep task delegation while managing context limitations. Instead of parallel execution, this ensures that each layer of decomposition receives a fresh context window, preventing the parent agent's context budget from being overwhelmed by complex, multi-step workflows. Ideal for research, verification, and synthesis processes.

This advanced pipeline orchestrates complex feature development based on Request for Comments (RFCs). It breaks down monolithic changes into small, independently verifiable work units, managing dependencies through a Directed Acyclic Graph (DAG). It includes multiple quality gates, dedicated unit testing, and a safe merge queue to ensure robust integration and controlled deployment.

A comprehensive guide to building high-performance, scalable UIs using the latest SwiftUI best practices. Covers advanced state management with @Observable, type-safe navigation using NavigationStack, view composition techniques, and crucial performance optimization tips for iOS and macOS development.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.