Skill UI

This guide provides expert CRO strategies for optimizing in-app monetization moments, such as paywalls, upgrade modals, and upsell prompts. It covers the entire user journey from freemium conversion and usage limit management to trial expiration. Learn core principles like 'Value Before Ask' and how to design friction-free, high-converting components to maximize paid adoption.

This skill is designed for orchestrating complex, multi-step processes. It helps manage workflows, coordinate different components, and ensure systematic execution of tasks from planning to completion. Ideal for complex automation scenarios and structured project management.

StyleSeed is a comprehensive design judgment engine designed to elevate the aesthetic quality of AI-generated user interfaces. It codifies 69 visual rules covering color discipline, spatial rhythm, information hierarchy, and motion feedback. By integrating these principles, developers can ensure that AI output looks professionally designed and polished, rather than simply generated. Includes React components, Tailwind CSS implementation, and actionable design guidelines.

A comprehensive guideline for building modern, high-performance, and accessible UI/UX components using a flat, minimalist design philosophy. It defines foundational tokens (colors, spacing, typography), strict rules for component states (hover, focus, error), and adherence to WCAG 2.2 AA standards for engineers and designers.

A comprehensive guide for creating a robust design system based on perspective techniques. It details foundational tokens (color, typography, spacing), component rules (states, variants), and accessibility criteria (WCAG 2.2 AA). Use this skill to ensure scalable, realistic, and highly usable UI components with structured implementation.

Act as an expert design-system guideline author specializing in the Shadcn aesthetic. This skill generates comprehensive, implementation-ready design system documentation, covering foundational tokens (color, spacing, typography), component anatomy, interaction states (hover, focus, error), and strict accessibility requirements (WCAG 2.2 AA). It enforces semantic consistency and provides structured guidelines for developers and designers to build robust, clean UI components.

A comprehensive reference for the `uc` CLI, designed for managing decentralized, self-hosted clusters. Use this skill to deploy services via Docker Compose, configure advanced networking, and manage infrastructure components like machines, volumes, and ports. Supports Caddy ingress routing, WireGuard networking, and scaling across peer machines, making it ideal for robust, highly available self-hosting environments.

This advanced skill manages complex, large-scale development tasks by coordinating multiple, specialized subagents in parallel. It systematically decomposes the goal into isolated missions, manages resource quotas (token usage), and handles error recovery across multiple files and components. Ideal for large feature builds, system refactoring, or complex applications requiring multiple, concurrent roles (Planner, Builder, Tester).

This skill generates robust JSON-LD structured data markup for various web components, including blogs, FAQs, tools, and SaaS pages. By implementing standard Schema.org types (WebSite, Article, FAQPage, etc.), you can significantly improve your SEO, boost click-through rates (CTR), and provide clear context to both search engines and AI systems. Includes implementation guidance for modern frameworks like Next.js.

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 deployment skill is designed to be integrated into the Playwright testing workflow. Its primary function is to validate the loading process of shared skills across the entire environment during the startup phase. It ensures that all necessary components and modules are correctly registered and available for reliable End-to-End (E2E) testing execution.

This skill automates the migration of existing frontend code (including React, Vue, Angular, and Next.js components) into a structured Stitch Design. It orchestrates the extraction of a self-contained HTML file, analyzes the source code to build a comprehensive design system document, and finally uploads both assets into your Stitch project for iteration and improvement.