Skill UI

This skill offers a design and workflow guide for intelligent context management within AI workflows. It focuses on capturing project state, enabling semantic retrieval, and supporting multi-agent coordination. Key features include state serialization, compression techniques, vector database integration, and knowledge graph construction. It helps preserve architectural decisions and facilitate knowledge transfer without implementing actual storage functions, serving as a strategic planning tool for context engineering.

This skill enables expert-level development using Convex, an open-source reactive backend platform. It covers schema design, TypeScript functions, real-time subscriptions, authentication, file storage, and deployment workflows. Ideal for building new projects or integrating Convex into existing React, Next.js, or Vue applications. Supports queries, mutations, and actions with strict security constraints.

This skill covers building UI interfaces using a core component library and design system patterns. It involves utilizing design tokens for spacing, color, and typography to ensure consistency. Use this when implementing layout patterns, form structures, or interactive elements like buttons and inputs while adhering to accessibility standards and avoiding hard-coded values.

This skill serves as an alias for the pr-writer workflow, specifically designed for users requesting legacy create-pr commands. It redirects pull request creation tasks to the canonical pr-writer process, ensuring consistency in writing and updating pull requests. It is not for general git operations but focuses on PR content. Users should confirm pr-writer installation before use.

This skill facilitates structured proposition testing and debate analysis within the CrossFrame Suite. It helps identify hidden premises, design rebuttals, and define withdrawal conditions for claims. It ensures arguments are steelman-ed rather than strawmanned, promoting balanced and evidence-based reasoning. It is routed by the suite and not for independent use.

This skill builds a deep psychological profile of target customers based on motivations, fears, identity, and trust barriers. It goes beyond demographics to understand emotional drivers and worldview. Use this before positioning, copywriting, or funnel design to create evidence-grounded profiles that downstream skills can consume. It applies frameworks like self-determination theory and identity mapping to infer the psychological structure underlying consumer behavior.

This skill provides a guide for implementing the Cyber Y2K aesthetic, characterized by modern Y2K, holographic visuals, and glitch effects. It covers core principles like iridescent gradients, RGB split text, and tribal-tech vectors. Includes implementation code examples for Web (CSS), iOS (SwiftUI), and Flutter apps, featuring deep black backgrounds and fluid color palettes.

This skill provides a comprehensive guide for implementing dark mode in web and mobile applications. It covers core design principles like surface color selection, elevation through lightness, and accent testing. Includes specific implementation examples for CSS, SwiftUI, and Flutter to ensure reduced eye strain and premium aesthetics.

This skill guides the definition of relationships and integration contracts between distinct bounded contexts within a complex system using Domain-Driven Design (DDD) patterns. It is crucial for preventing domain leakage, planning anti-corruption layers (ACLs), and clarifying ownership boundaries when multiple services interact, ensuring a robust and scalable system architecture.

This skill guides the architectural definition of complex business domains using Domain-Driven Design (DDD). It helps in defining core subdomains, separating services by bounded contexts, and establishing a unified ubiquitous language. It is essential for decomposing monoliths, structuring microservices, and aligning team ownership with clear domain boundaries.

This skill guides the application of Domain-Driven Design (DDD) tactical patterns, including defining aggregates, modeling value objects, managing repositories, and utilizing domain events. It helps developers translate complex domain rules into clean, robust, and behavior-rich code structures, ensuring invariants are explicitly enforced.

Design-It routes frontend design tasks to 48 specific UI styles, avoiding generic aesthetics. It triggers for websites, app screens, or UI components requesting a specific aesthetic. The skill guides AI agents to select appropriate color palettes, typography, and layout principles like the 60-30-10 rule. It supports various frameworks including React, Vue, and mobile platforms.