Skill UI

Coordinate multi-layer security scanning and hardening across application, infrastructure, and compliance controls using defense-in-depth strategy. Orchestrates specialized security agents for comprehensive assessments, layered controls, and continuous monitoring. Follows DevSecOps principles with shift-left security, automated scanning, and compliance validation to create a resilient security posture addressing vulnerabilities and future threats.

Automate software version management and changelog generation based on Semantic Versioning principles and Conventional Commits. Supports tools like semantic-release and standard-version for CI/CD integration, ensuring consistent release workflows and version precedence.

This skill generates comprehensive, engaging content optimized for search engines. It integrates keywords naturally, follows E-E-A-T principles, and structures articles for readability and user value. Ideal for creating blog posts, landing pages, and marketing copy that ranks well while satisfying audience needs.

This skill covers core SEO principles like E-E-A-T, Core Web Vitals, and technical foundations. It explains how search engines evaluate content quality, page experience, and trustworthiness. It guides users on creating sustainable search visibility through high-quality content, proper technical setup, and ethical AI usage, rather than relying on shortcuts.

This skill covers essential principles for managing production servers, focusing on decision-making rather than memorizing commands. It includes process management, monitoring strategies, log handling, scaling decisions, health checks, and security best practices to ensure system stability and reliability.

This skill identifies error-prone APIs, dangerous configurations, and footgun designs that enable security mistakes. It evaluates whether interfaces are resistant to developer misuse, focusing on algorithm selection, default values, primitive types, and configuration cliffs. Use when reviewing API designs, cryptographic library ergonomics, or assessing authentication interfaces to ensure secure-by-default principles are followed.

This guide details the principles and implementation techniques for Skeuomorphism—the design style that makes digital interfaces resemble real-world physical objects. It covers core principles like realistic textures (wood, leather), physical lighting, depth, and real-world metaphors. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to achieve highly realistic, tactile UI elements.

A comprehensive guide for implementing soft pastel, low-contrast aesthetics across web, iOS (SwiftUI), and Flutter applications. Details include desaturated color palettes (mint, blush, lavender), rounded corner principles, airy spacing techniques, and specific CSS/SwiftUI code examples for achieving a calming, gentle user interface suitable for lifestyle or baby-related branding.

This skill provides guidance for quality-focused software development and architecture based on Clean Architecture and Domain Driven Design principles. It covers code style rules, best practices like library-first approach, naming conventions, separation of concerns, and avoiding anti-patterns to ensure maintainable and scalable code.

A comprehensive style guide for implementing the Synthwave and Outrun aesthetic across web and mobile applications. This guide details the core principles, including dark mode backgrounds, glowing neon accents (magenta, cyan), and the signature perspective grid. It provides technical examples using CSS, SwiftUI, Flutter, and React Native to achieve authentic retro-futuristic visual fidelity.

Safely refactor code with a comprehensive TDD safety net: establish a green baseline, detect code smells, apply design patterns and SOLID principles, optimize performance, and verify all tests remain green.

A comprehensive guide for implementing Typography First Design across web and mobile applications. This style emphasizes using type as the primary visual element, minimizing decorative UI elements (chroming) to create a highly focused, high-impact, and sophisticated user experience. Includes specific implementation details for CSS, SwiftUI, Flutter, and React Native.