Skill UI

This extension provides comprehensive distributed tracing capabilities for the KubeSphere Observability Platform, adhering to the OpenTelemetry standard. It guides users through the entire lifecycle, including component installation (Generator, Collector, Agent), configuration, and querying complex tracing data, spans, and service graphs. It is essential for monitoring microservices and understanding complex system interactions.

A comprehensive, expert-level guideline for building Agentic User Interfaces (UIs). This system emphasizes conversational interactions, clear outcomes, and minimal user controls, allowing users to delegate complex tasks to AI. It provides structured rules covering color tokens, typography, accessibility (WCAG 2.2 AA), and component anatomy for professional developers and designers.

A comprehensive technical and aesthetic guide for building a modern, high-contrast user interface. This system defines foundational constraints, including color tokens, typography scales, and spacing grids, while rigorously ensuring WCAG 2.2 AA accessibility standards. It provides structured rules for component states, interactions, and development workflow to ensure consistency and superior user experience.

This comprehensive skill provides expert, implementation-ready guidelines for creating a futuristic, sci-fi-inspired UI/UX design system. It details foundational tokens (color, spacing, typography), establishes strict component rules (states, interactions), and mandates adherence to WCAG 2.2 AA accessibility. It ensures that all designs are visually consistent, highly structured, and premium in feel.

This comprehensive guide helps elevate a UI from merely functional to polished, purposeful, and aesthetically coherent with its domain. It dictates pre-coding design choices, such as defining the audience, tone (e.g., minimal, industrial), and purpose. It provides rigorous guidelines on establishing visual hierarchy, typography, color palettes, and interactions, ensuring the final product feels intentional and professional, rather than generic or templated.

This guide teaches you how to function as an expert design-system guideline author for the 'Vibrant' brand. It provides comprehensive, implementation-ready documentation covering foundational tokens (color, typography, spacing), detailed component rules (states, variants, interactions), and adherence to WCAG 2.2 AA accessibility standards. The output is structured, actionable, and includes quality assurance checklists for both designers and engineers.

A comprehensive coaching layer designed to elevate users into power users of AI models. Upon first activation, it provides a structured glossary of high-impact techniques tailored to user needs. In subsequent turns, it actively monitors prompts, surfacing single, actionable tips to optimize interactions and maximize the AI's capabilities, ensuring continuous, guided learning.

This comprehensive skill provides a full workflow for creating high-quality, annotated animated GIFs and screen recordings. It supports capturing multi-step UI interactions using Playwright, assembling dynamic GIFs with imageio, applying variable frame timing, and adding sophisticated annotations (including fade-in effects) for clear documentation, pull request descriptions, or release note demos.

This guide provides comprehensive details on the OpenPitrix application management system within KubeSphere. It covers the entire application lifecycle, including managing app repositories (Repo), uploading and versioning templates (Application/ApplicationVersion), conducting review processes, and finally deploying/upgrading applications (ApplicationRelease). Use this skill when troubleshooting App Store interactions, understanding KubeSphere's backend APIs, or managing deployed workloads.

This skill generates a comprehensive community management playbook for any brand's social media channels. It provides structured guidelines covering response frameworks, moderation policies, SLAs, and ready-to-use response templates for handling comments, DMs, complaints, and positive interactions consistently and professionally. Ideal for social media teams aiming for brand consistency and reputation management.

Generates comprehensive and structured developer handoff annotations for any Figma screen or component. This tool transforms raw visual designs into precise, buildable specifications, covering interactions, states (loading, error, success), accessibility requirements, and edge cases, ensuring developers receive everything needed for implementation.

A comprehensive guide for implementing user interfaces that mimic spatial computing devices (like Apple Vision Pro). It focuses on creating digital elements with a sense of depth (Z-Space), utilizing glass-like materials via backdrop blur, and designing gaze-aware interactions, making digital information feel physically anchored in the real environment.