Skill UI

Generates structured DESIGN.md files that serve as a single source of truth for AI-powered screen generation (Google Stitch). This skill translates complex, anti-generic design directives into precise semantic rules, covering typography, color calibration, motion physics, and layout principles to enforce a premium, high-agency UI/UX standard. It ensures outputs are sophisticated and avoid common AI design clichés.

This tool analyzes and refactors code to detect and correct anemic domain models. It enforces rich domain modeling patterns (Entities, Value Objects, Aggregates, Domain Events), improving encapsulation and business logic ownership. Use it when validating, reviewing, or refactoring core domain logic to ensure adherence to Domain-Driven Design (DDD) principles.

This advanced code reviewer analyzes your codebase through the principles of 12 classic software engineering books (e.g., Clean Code, DDIA, Mythical Man-Month). It detects conceptual flaws, design smells, tight coupling, missing abstractions, and architectural risks—issues that standard linters and basic AI tools often miss. Essential for major refactoring and pre-design validation.

A comprehensive skill for handling PowerPoint (.pptx) files. This includes text extraction, deep content analysis via raw XML access (comments, notes, layouts, themes), and programmatic creation of new presentations from scratch. It guides users through design principles, color theory, and structured document generation workflows.

This guide provides an expert framework for designing high-converting email sequences (e.g., welcome, nurture, re-engagement). It covers core principles like 'One Email, One Job' and 'Value Before Ask,' along with detailed strategies for timing, subject lines, and multi-stage templates for different marketing goals.

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 comprehensive guide provides expert strategies for optimizing popups, modals, and overlays to maximize conversions. It covers best practices for various triggers—including exit intent, scroll depth, and click actions—and details the copy, design, and psychological principles needed to capture leads and drive sales without negatively impacting the user experience.

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.

This skill acts as an expert guideline author for creating comprehensive, implementation-ready design systems, specifically tailored for the Codex brand. It enforces principles of radical minimalism, defining foundational constraints, component rules, and accessibility standards to ensure consistent and high-quality UI development.

This skill guides the creation of comprehensive, implementation-ready design system guidelines based on contemporary, minimalist, and high-performance principles. It teaches authors to structure documentation covering design tokens, component anatomy, interaction states, and crucially, adhering to WCAG 2.2 AA accessibility standards, ensuring consistency and usability for both designers and engineers.

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.

An expert design system guideline for implementing modern, playful, and visually deep user interfaces using gradient principles. This guide provides engineers and designers with actionable standards covering color tokens, typography scales, component anatomy, interaction states, and WCAG accessibility criteria.