Machine Learning

Figma 디자인을 정적 HTML/CSS로 변환합니다. Figma 링크나 node-id가 제공되면 MCP를 통해 디자인 정보를 가져와 정확한 코드를 생성합니다. Use when converting Figma designs to HTML/CSS, or when user mentions Figma links, design conversion, or static HTML implementation.

A comprehensive pattern for building type-safe forms and API validation using Zod, with automatic error formatting, runtime type checking, and seamless TypeScript integration. Use when building forms with client-side and server-side validation, validating API request/response payloads, creating reusable validation schemas, or ensuring data integrity across client and server.

HTML, CSS, JavaScript, and TypeScript fundamentals. Master semantic HTML, modern CSS layouts, ES6+ JavaScript, and type-safe development. Essential foundation for all web development roles.

Recognize/Describe clearML architecture and extension points

Python best practices with modern frameworks, AI/ML integration, and performance optimization for 2025

This skill should be used when users need help with htmx development, including implementing AJAX interactions, understanding htmx attributes (hx-get, hx-post, hx-swap, hx-target, hx-trigger), debugging htmx behavior, building hypermedia-driven applications, or following htmx best practices. Use when users ask about htmx patterns, server-side HTML responses, or transitioning from SPA frameworks to htmx. (user)

Rails frontend development guidelines using Hotwire (Turbo + Stimulus), Tailwind CSS, and ViewComponent. Modern patterns for server-rendered HTML with progressive enhancement, zero-build frontend architecture, and Rails conventions. Use when creating views, components, Stimulus controllers, partials, or working with frontend code.

Converts highlighted text (typically bullet lists or paragraphs) into an expandable HTML <details> dropdown with a custom summary. Use this skill when the user wants to make content collapsible/expandable in their MDX files.

Data format specialist covering TOON encoding, JSON/YAML optimization, serialization patterns, and data validation for modern applications

Generate PlantUML diagrams including UML class, sequence, and component diagrams. Use when creating UML diagrams or system architecture visualizations.

CellChat 包源码随附的本地教程 + Rd 转换的函数文档 + R 源码 HTML - 完整覆盖173个文件

Ensure mobile-first responsive design for all frontend changes. Trigger on any HTML, CSS, template, or UI component modifications.

Generate Docker and Traefik deployment configuration for any application (Node.js, Python, Go, etc). Creates Dockerfile, docker-compose.yml, docker-compose.for-traefik.yml overlay, and .env.sample. Use when user wants to dockerize an app, add Docker deployment, deploy with Traefik, or set up HTTPS/SSL with Let's Encrypt.

Add, review, or update GA4 event tracking on HTML websites using data attributes and a reusable JavaScript tracker. Use when wiring gtag or GTM dataLayer events, choosing event names/parameters, or extending a base GA4 tracking snippet for clicks and simple interactions.

Use when configuring project preferences in .c3/settings.yaml - diagram tools, layer guidance, guardrails, and handoff steps

ML research for RAN with reinforcement learning, causal inference, and cognitive consciousness integration. Use when researching ML algorithms for RAN optimization, implementing reinforcement learning agents, developing causal models, or enabling AI-driven RAN innovation.

Build accessible user interfaces with semantic HTML, keyboard navigation, proper color contrast, ARIA attributes, and screen reader support. Use this skill when creating or modifying frontend UI components, HTML templates, JSX/TSX files, forms, interactive elements, modals, navigation menus, or any user-facing interface code. Use this when ensuring keyboard accessibility, adding ARIA labels and roles, providing alt text for images, managing focus states, implementing proper heading hierarchy, testing with screen readers, or ensuring sufficient color contrast ratios. Use this when working on .jsx, .tsx, .vue, .html, or component files that render UI elements.

This skill should be used when the user asks to "explain", "break down", "help me understand", "teach me about", or requests clarification of technical concepts (AI, ML, software development, or other technical topics). Transforms complex ideas into clear, accessible explanations using narrative storytelling frameworks.

XML layouts, ConstraintLayout, Jetpack Compose, Material Design 3. Use when building user interfaces and designing layouts.

PolicyEngine parameter patterns - YAML structure, naming conventions, metadata requirements, federal/state separation