Skill UI

This skill covers essential Bash and Linux terminal patterns for macOS and Linux systems. It includes critical commands for file operations, process management, and text processing using tools like grep, sed, and awk. Learn error handling, environment variables, network requests with curl, and scripting best practices. Ideal for developers working in command-line environments.

Master defensive Bash scripting for production automation, CI/CD pipelines, and system utilities. Expert in safe, portable, and testable shell scripts with strict error handling, security patterns, and cross-platform portability. Focus on hardening scripts against vulnerabilities and ensuring robustness in operational environments.

This skill enables AI to adapt its operational behavior based on specific task types such as brainstorming, implementation, debugging, reviewing, teaching, and deployment. It defines distinct modes like BRAINSTORM for ideation, IMPLEMENT for coding, and DEBUG for troubleshooting, optimizing communication and output style for each context. Users can trigger modes manually or rely on automatic detection to ensure high-quality, context-aware responses.

Apply modern web development standards focusing on security, browser compatibility, and code quality. Covers HTTPS, CSP, security headers, input sanitization, and avoiding deprecated APIs for robust applications.

Reviews and fixes keyboard navigation, focus behavior, ARIA attributes, and screen-reader announcements against WCAG 2.2 standards. Ensures forms, motion, and zoom are accessible, prioritizing native elements over custom ARIA. Helps create inclusive web experiences.

Builds and audits color systems by generating ramps, naming semantic tokens, converting color formats, and measuring contrast pairs for accessible UI design.

This skill orchestrates a cross-discipline review of interfaces, screens, and flows. It evaluates accessibility, layout, writing, typography, color, and UI polish by routing to specialized domain skills. It consolidates evidence into a single ranked report, ensuring findings are evidence-based rather than subjective. It handles scope resolution, verifies implementation details, and ranks issues by user impact severity.

This skill defines grouping, alignment, and reading order for responsive layouts. It ensures structures remain stable when resized, translated, or mirrored for RTL. It establishes spacing rules, distinguishes interactive controls from content, and manages logical properties for direction-dependent layouts to maintain visual integrity.

This skill defines and reviews text rendering standards, covering type scales, spacing, font features, wrapping, and punctuation. It ensures consistent typography across projects by setting CSS properties over raw tags, optimizing line-heights, and managing font loading. Use it to improve readability and visual hierarchy in web interfaces, adhering to accessibility and design best practices.

This skill refines user interface surfaces, icons, and motion using exact values for border radius, optical alignment, shadows, and animations. It ensures consistency in visual details like press scales, transitions, and reduced-motion preferences. Use it to enhance the aesthetic quality and interaction feedback of web or application designs, ensuring accessibility compliance regarding motion. It complements broader frontend design and accessibility audits by handling specific visual polish tasks.

Writes and reviews interface copy such as labels, errors, empty states and confirmations, matching the product's existing voice and vocabulary while flagging ambiguous, inconsistent or hard-to-translate strings.

Manages BigQuery datasets, tables, and jobs; runs SQL queries; handles data ingestion; and integrates with BigQuery ML and Gemini for analytics and AI-driven insights.