Skill UI

This workflow helps developers quickly build throwaway prototypes to answer specific design or functionality questions. It can generate interactive terminal applications to test complex state/business logic, or create multiple radically different UI variations toggleable from a single view, allowing for rapid validation of ideas before committing to production code.

This skill generates Puppeteer scripts for browser automation, web scraping, and PDF creation. It supports headless Chrome, network interception, wait strategies, and cloud integration for testing. Ideal for automating browser interactions and extracting data efficiently.

PydanticAI is a robust Python framework that integrates Pydantic's type-checking and validation capabilities into Large Language Models (LLMs). It allows developers to build production-ready AI agents that guarantee structured, validated outputs, moving beyond simple raw strings. Key features include supported tool calling, dependency injection for testability, and multi-model compatibility across major providers like OpenAI, Anthropic, and Gemini. Use this when reliability and correct data structure are paramount.

Execute exactly one explicitly assigned YYLO Ledger task through the Ralph loop to a validated, queued commit using the yy CLI. Handles task admission, preflight and finish while never pushing, deploying, merging or releasing.

A comprehensive guide to diagnosing and resolving performance bottlenecks in React applications. This skill teaches advanced techniques like state isolation, memoization (using `useMemo`, `useCallback`, and `React.memo`), and list virtualization. It guides users through profiling using React DevTools to identify render hotspots, ensuring components render efficiently and maintain high application responsiveness.

This skill guides developers through modernizing React applications. It covers migrating from class components to functional components using hooks, upgrading React versions, adopting concurrent features (like Suspense), and applying automated refactoring techniques using codemods. It is essential for maintaining high-performance, modern React codebases and integrating TypeScript.

Automate Reddit workflows via Rube MCP and Composio: search subreddits, create posts, manage comments, browse top content, and edit or delete submissions through authenticated Reddit connections.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.

This skill audits and repairs repository hygiene across artifacts, dependencies, CI, docs, Git state, and code-quality signals. It is used for repository maintenance, cleanup, health checks, or pre-release hardening. It ensures repository health through authorized repairs and protected workflows, validating changes before publishing via pull requests to maintain security and stability.

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.

This skill addresses vague or ambiguous user requests by initiating a structured, multi-round questioning process. Instead of making assumptions, it systematically clarifies dimensions like audience, scope, tone, and format across several rounds (up to three). This structured approach ensures the resulting output is highly accurate and requires minimal revision cycles.

This skill provides best practices for state management and persistence in Makepad applications based on Robrix and Moly codebases. It covers AppState structure, serde serialization, theme switching, and passing state through widget trees using Scope. Includes production patterns for global registry, navigation, state machines, and local persistence to ensure robust application data handling.