Skill UI

This skill provides a core component library and design system patterns for building consistent user interfaces. It emphasizes using design tokens for spacing, color, and typography instead of hard-coded values. Includes patterns for layout, forms, and interactive elements like buttons and inputs, ensuring maintainable and scalable UI development.

This skill specializes in code refactoring using clean code principles and SOLID design patterns. It helps analyze and refactor code to improve quality, maintainability, and performance. Ideal for cleaning large codebases, removing duplication, and preparing for new features while aligning with modern software engineering best practices.

A comprehensive guide and shared vocabulary for designing and structuring complex software modules. Use this when you need to refine an existing module's interface, identify opportunities for deepening its capabilities, determine optimal internal seams, or improve code testability and AI-navigability. It establishes clear principles for Module, Interface, Depth, and Seam.

This skill guides developers in building flexible and maintainable React components by applying composition patterns. It helps avoid boolean prop proliferation through compound components, state lifting, and internal composition. Suitable for refactoring, library building, and API design to improve code scalability for humans and AI agents.

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 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 helps developers apply Domain-Driven Design tactical patterns to structure code effectively. It involves using entities, value objects, aggregates, repositories, and domain events to enforce explicit invariants. Use this when translating domain rules into code structures or refactoring anemic models. It focuses on design boundaries and behavior-rich objects rather than strategic boundaries or deployment architecture.

This skill focuses on spatial composition in UI design. It emphasizes rendering and judging visual output rather than relying solely on code tokens. It helps avoid generic AI design patterns and ensures layouts do not have horizontal overflow. Key practices include using fresh eyes to critique, avoiding fixed style prescriptions, and strictly checking scrollWidth to prevent layout failures. It guides developers to prioritize process over look and ensures responsive design integrity.

A comprehensive guide for implementing Flat Design 2.0 (Semi-Flat). This style maintains the clean, solid aesthetic of flat design while introducing subtle, diffuse shadows and micro-gradients to enhance perceived depth and communicate element interactability (e.g., buttons, cards). It provides detailed, cross-platform code examples for Web (CSS), iOS (SwiftUI), Flutter, and React Native.

This skill maps engineering changes (code diffs, architecture designs, IaC) to specific financial compliance controls, such as PCI-DSS v4.0 and MAS TRM. It generates an auditable report detailing compliance gaps, required evidence, and concrete remediation steps, helping teams catch violations before formal audits.

An advanced debugging skill designed for AI agents. It utilizes gdb-cli to provide intelligent assistance for C/C++ programs, enabling the analysis of core dumps, debugging live processes, and investigating complex issues like crashes, deadlocks, and memory corruption. It correlates runtime state inspection with source code context for deeper insights.

Design Google Forms and wire Apps Script onFormSubmit triggers for email alerts, spreadsheet logging, and conditional handling — no custom integration or code editor setup required.