Machine Learning

Repomix AI-friendly codebase compression configuration (.repomix.config.json) template and validation logic. Achieves 70% token reduction through XML compression and repository-type-specific include patterns. Includes 5 critical standards (XML output format, include patterns by repo type, gitignore integration, exclude patterns, security checks). Use when creating or auditing .repomix.config.json files for optimal LLM context compression.

Email template development with React Email and Tailwind CSS. Use when creating or modifying email templates, testing email rendering, or building email HTML from React components.

Engineering principles for crafting well-built front-end user interfaces. When Claude needs to ensure the HTML, CSS, JS is performant and maintainable.

End-to-end testing with Playwright for web applications. Use when writing E2E tests, browser automation, visual regression testing, or debugging test failures. Triggers on Playwright, E2E, browser testing, or test automation questions.

Create an educational MicroSim using the vis-network JavaScript library. Each MicroSim is a directory located in the /docs/sims folder. It has a main.html file that can be referenced with an iframe. The main.html file imports the main JavaScript code to run the educational MicroSim.

This skill provides comprehensive knowledge for building static websites with Hugo static site generator. It should be used when setting up Hugo projects (blogs, documentation sites, landing pages, portfolios), integrating Tailwind CSS v4 for custom styling, integrating headless CMS systems (Sveltia CMS or TinaCMS), deploying to Cloudflare Workers with Static Assets, configuring themes and templates, and preventing common Hugo setup errors.Use this skill when encountering these scenarios: scaffolding new Hugo sites, choosing between Hugo Extended and Standard editions, integrating Tailwind CSS v4 with Hugo Pipes, configuring hugo.yaml or hugo.toml files, integrating PaperMod or other themes via Git submodules, setting up Sveltia CMS or TinaCMS for content management, deploying to Cloudflare Workers or Pages, troubleshooting baseURL configuration, resolving theme installation errors, fixing frontmatter format issues (YAML vs TOML), preventing date-related build failures, setting up PostCSS with Hugo, or sett

Guide through verifying an MLIR optimization pass using Translation Validation - proving semantic equivalence between programs before and after optimization. Use when the user wants to verify an MLIR pass (e.g., sccp, constant folding, DCE) or add pass verification support.

Use when fixing CJS/ESM module issues in Nango integrations after zero-yaml migration - covers import path fixes, creating ESM wrappers for CJS vendor modules, and restoring commented-out code

This skill should be used when "creating Obsidian notes", "formatting frontmatter", "using Dataview syntax", "embedding images in Obsidian", or when working with Obsidian-specific markdown features. Provides expertise in YAML frontmatter, Dataview queries, wikilinks, and Obsidian markdown conventions.

Build accessible user interfaces using semantic HTML, ARIA attributes, keyboard navigation, and proper color contrast. Use this skill when creating or modifying UI components, implementing forms and interactive elements, working with navigation menus, building modals and dialogs, adding images and media content, writing JSX/HTML markup, ensuring keyboard accessibility, testing with screen readers, managing focus states, implementing proper heading hierarchies, providing alternative text for images, maintaining color contrast ratios, using ARIA labels and roles, or ensuring all interactive elements are keyboard-navigable. Apply this skill when building frontend components, reviewing UI accessibility, refactoring markup for better semantics, or implementing WCAG compliance requirements.

RAN system integration with microservices architecture, cognitive consciousness, and intelligent orchestration for seamless network integration. Use when integrating RAN systems, implementing microservices architecture, designing service orchestration, or enabling intelligent network integration.

Use when reviewing UI diffs, accessibility audits, or flaky UI tests to catch a11y regressions, semantic issues, keyboard/focus problems, and to recommend minimal fixes plus role-based test selectors.

Use this skill when working with Buildkite CI/CD pipelines, agents, builds, test analytics, or package registries. Covers pipeline configuration, YAML syntax, agent setup, build steps, plugins, and API usage.

Streamlined bilingual content updates for young-personal-site.Auto-activates on content modification keywords with dual-language consistency checks.

Export Mermaid diagrams from documents to SVG images. Use after creating documents with Mermaid code blocks when you need to render them as static images for distribution, GitHub, wikis, or static sites. Processes .md, .html, .mdx, .rst, .adoc files.

Creates new Claude Code skills by generating proper directory structure, SKILL.md files with YAML frontmatter, and supporting documentation. Use when user wants to create, scaffold, or build a new skill.

Create and edit draw.io diagrams in XML format. Use when the user wants to create flowcharts, architecture diagrams, sequence diagrams, or any visual diagrams. Handles XML structure, styling, fonts (Noto Sans JP), arrows, connectors, and PNG export.

Write and structure CSS following the project's methodology (Tailwind CSS, BEM, CSS Modules, utility classes), maintaining design system consistency, avoiding framework style overrides, and minimizing custom CSS. Use this skill when creating or modifying CSS files (.css, .scss, .sass, .less, .pcss), CSS Module files (.module.css, .module.scss), styled-components or emotion files (.styles.ts, .styles.js), Tailwind CSS configuration files (tailwind.config.js, tailwind.config.ts), theme files, or when writing utility classes in JSX/TSX components, HTML templates, or Vue/Svelte files. Use this when implementing Tailwind CSS utility classes like flex, grid, text-center, bg-blue-500, p-4, rounded-lg, shadow-md, hover:opacity-80, or responsive variants like sm:block, md:flex, lg:grid-cols-3, xl:max-w-7xl for mobile-first responsive design, writing BEM-style class names following the Block__Element--Modifier convention (like header__logo--large or card__title--featured) for structured, maintainable CSS architecture,

High-availability architecture patterns for home lab infrastructure including multi-master Kubernetes, etcd clustering, HAProxy load balancing, database replication, network redundancy, and failover mechanisms. Use when designing HA systems, implementing cluster quorum, optimizing for 99.9% uptime, or building resilient infrastructure with automatic failover.

Build and implement Angular 18 standalone components, TypeScript services with Signals and RxJS, routing with guards, and Tailwind CSS styling for Photo Map MVP. Use when creating, developing, or implementing TypeScript components, services, guards, forms, HTTP calls, map integration (Leaflet.js), or responsive UI layouts with Tailwind utilities. File types: .ts, .html, .css, .scss