Skill UI

Auto-activating visual content skill that helps you plan and build API flow diagrams, covering best practices, Mermaid-style layouts, production-ready code, and standard validations when the topic is mentioned.

A comprehensive guide detailing best practices for creating modern, clean, and highly maintainable user interfaces using Avalonia and Zafiro.Avalonia. It emphasizes leveraging semantic containers, defining shared styles, and utilizing generic components to dramatically reduce XAML redundancy and improve code structure. Learn to adopt patterns like Behaviors over Converters, and prevent deep nesting for optimal developer experience.

This comprehensive skill uses industry-standard tools like Prettier to automatically format and validate code files across multiple languages (JavaScript, TypeScript, JSON, CSS, Markdown, etc.). It ensures code style consistency, improves readability, and helps maintain a clean, professional codebase. Use it when needing to "format my code," "check formatting," or enforce code style across a project.

A comprehensive guide to utilizing a core, token-driven component library and design system patterns. It details best practices for managing UI styles—including spacing, color, and typography—by using semantic design tokens instead of hard-coded values. Ideal for building consistent, scalable, and maintainable user interfaces across different platforms.

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.

This guide outlines the process of migrating codebase dependencies and logic when upgrading the Ideogram API from legacy versions (V1/V2) to the robust V3 endpoints. It addresses critical breaking changes, including the shift from JSON body to multipart/form-data, changes in model naming, aspect ratio syntax, and the integration of new V3 features like rendering speed and style presets. Provides structured code adapters for smooth transition.

A mandatory workflow for ensuring high code quality across multiple ecosystems, including Node.js/TypeScript and Python. This pipeline runs static analysis tools—such as linters, type checkers (MyPy, tsc), and security scanners (Bandit)—after every code change. It mandates that no task is considered 'done' or committed until all validation checks pass, resolving style, syntax, and type mismatches.

Automates styled components helper tasks within frontend development, activating on related mentions to offer guidance, best practices, production-ready code, and validation tailored for React, Vue, and modern CSS workflows.

This skill provides comprehensive, AI-assisted linting configuration for ensuring high code quality standards. It assists with setting up and integrating major linting tools (such as ESLint, Prettier, and Stylelint), helping resolve complex configuration conflicts, suggesting best practices based on project patterns, and fully automating code quality enforcement across the development lifecycle. Use this when establishing or refining coding standards for a project.

A powerful skill for conducting structured, systematic code reviews for PRs and MRs. It goes beyond basic style checks, performing deep analysis such as blast radius tracing, comprehensive security scanning (SQLi, XSS, secrets), detecting breaking changes in APIs/DB schemas, and calculating test coverage delta. Ideal for reviewing large, complex, or security-sensitive code changes before merging.

A comprehensive guide covering patterns and architectures for automating code execution using LLMs. It spans simple sequential pipelines (e.g., daily dev scripts) to advanced, RFC-driven multi-agent Directed Acyclic Graph (DAG) orchestration. Ideal for building CI/CD style continuous development pipelines, managing complex state, and automating quality gates without human intervention.

A comprehensive guide to writing reliable and maintainable tests for Kotlin projects. This skill covers modern testing patterns using Kotest for various spec styles (FunSpec, BehaviorSpec), MockK for dependency mocking, and enforces TDD principles (RED/GREEN/REFACTOR). Learn how to implement unit tests, property-based testing, and ensure high code coverage with Kover.