Skill UI

A sophisticated hybrid memory system designed specifically for AI agents. It provides a persistent, searchable knowledge bank to store, retrieve, and manage long-term knowledge, including architectural designs, operational patterns, and critical decision points. By syncing with project documentation, it ensures that crucial institutional knowledge remains accessible throughout the development lifecycle, enhancing agent reliability and consistency.

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

This expert specializes in scaffolding complete, production-ready, accessible, and performant React and React Native components. It generates full boilerplate code including TypeScript definitions, unit tests, styles (CSS Modules, Styled-Components, Tailwind), and accessibility hooks, ensuring adherence to modern best practices for scalable frontend architecture.

Provides comprehensive guidance on implementing standard user interface controls according to Apple's Human Interface Guidelines (HIG). It details the appropriate use cases for toggles, segmented controls, pickers, sliders, and other input elements, ensuring designs are consistent, accessible, and optimized for the Apple ecosystem.

Automates frontend lazy-loading workflows by guiding best practices, generating React/Vue-ready code, and validating production configurations for accessible, high-performance web apps.

Guides building accessible Radix UI design systems using headless primitives, focusing on theming, composition, keyboard navigation and WCAG compliance for custom component libraries in React-based apps.

This comprehensive guide details how to control and audit the scope of code and data accessible by AI tools (like Codeium or Windsurf AI). Learn to implement robust data exclusion patterns, set compliance boundaries (e.g., HIPAA, GDPR), and configure secure deployment modes, ensuring sensitive data and secrets are never processed or retained by the AI model.

This skill provides comprehensive customization for the Windsurf IDE's visual environment. Users can configure color schemes, optimize fonts for readability, adjust UI scaling, and enable advanced accessibility features to ensure compliance with standards like WCAG 2.1. It is essential for creating personalized, highly accessible, and efficient working environments.

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.

This skill provides a comprehensive guide to deploying a Software-Defined Perimeter (SDP) using the CSA v2.0 specification. It implements core zero trust principles by establishing a dynamic, identity-centric network boundary. The deployment covers Single Packet Authorization (SPA) and mutual TLS (mTLS) to ensure that resources are invisible and inaccessible until a user is fully authenticated and authorized.

This tool provides a comprehensive security audit framework for Azure Storage accounts. It systematically detects critical misconfigurations, such as publicly accessible blob containers, weak encryption settings, overly permissive network access rules, and missing logging. Use it when performing compliance checks, responding to security incidents, or establishing storage security baselines in Azure environments.