Skill UI

This advanced skill manages complex, large-scale development tasks by coordinating multiple, specialized subagents in parallel. It systematically decomposes the goal into isolated missions, manages resource quotas (token usage), and handles error recovery across multiple files and components. Ideal for large feature builds, system refactoring, or complex applications requiring multiple, concurrent roles (Planner, Builder, Tester).

This skill generates comprehensive Entity Relationship Diagrams (ERDs) and database schemas as D2 source code from an existing Entity Framework Core codebase. It analyzes DbContexts, DbSet declarations, Fluent API mappings, and migrations to accurately visualize tables, columns, primary/foreign keys, relationships (including many-to-many joins), owned types, and constraints. The output is a structured .d2 file, suitable for rendering into SVG or PNG, helping developers document the persistence model.

This skill provides a comprehensive audit of GitHub Actions workflows. It inspects CI configurations to identify bottlenecks, waste sources, and areas for optimization, helping users reduce runtime, lower costs, and boost overall CI/CD efficiency. It covers caching, concurrency, and trigger reduction.

This skill provides a comprehensive framework for auditing and improving the efficiency of GitHub Codespaces environments. It helps users identify waste sources like oversized devcontainers, inefficient machine types, and poorly scoped prebuilds. By following a structured workflow, users can reduce monthly cloud spending, drastically cut startup times, and maintain optimal development throughput.

A powerful Python skill for adding professional callouts, arrows, and labels to various images, including screenshots, diagrams, and architecture documents. It allows users to visually highlight specific areas or changes. The advanced `annotate.py` module provides algorithmic label placement, optimizing for readability and preventing overlaps. Ideal for creating clear PR descriptions, documenting changes, or building annotated demo assets.

A comprehensive guide on embedding before-and-after screenshots directly into pull request descriptions. This skill helps reviewers visualize UI changes, layout adjustments, and data visualizations instantly, without needing to check out the branch. Includes best practices for image sizing, structured Markdown patterns, and specific API/upload guidance for Azure DevOps and GitHub.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.

This skill provides a rigorous set of engineering and design directives for building professional-grade user interfaces using React/Next.js and Tailwind CSS. It enforces modern architectural constraints, ensures accessibility, and guides design decisions (typography, color, layout) to avoid common web clichés, resulting in high-fidelity, production-ready code.

This skill guides the creation and maintenance of a `.geminiignore` file. By systematically filtering out machine-generated noise—such as build artifacts, dependency lock files, logs, and caches—it significantly optimizes the AI agent's context window. This process improves processing speed and, critically, reduces token consumption costs (FinOps).

This technical skill is designed to verify the compatibility of the Codex CLI with skills compiled from MDA source. Loading this skill confirms that the CLI loader successfully parses the SKILL.md format, adhering to the agentskills.io v1 envelope subset. It is primarily used for testing build pipelines, metadata integrity, and ensuring robust compatibility between MDA compilation and runtime ingestion.

This skill serves as a compatibility demonstration to verify that the Hermes Agent can successfully parse and load an SKILL.md file generated from an MDA source. It confirms that the compiled structure, including specific frontmatter and reserved metadata namespaces, survives the round-trip compilation process, ensuring structural integrity for the agent's skill registry.

This demo skill verifies the compatibility of MDA-compiled SKILL.md files within the Claude Code environment. It confirms that the skill's frontmatter, metadata structure, and allowed tools are correctly parsed and honored by the loader, ensuring smooth integration of compiled content into the agent workspace. It is a technical utility for development validation.