Analisa compa-ratio (salário ÷ mediana da banda) de roster contra tabela salarial. Identifica clusters under/below/at/above/over, top 10 outliers por direção, custo mensal+anual…
Builds Python components using the compone framework for type-safe HTML/XML/RSS generation. Use when working with compone, creating Python components, generating markup in Python,…
Generate a UI component scaffold in the codebase's actual style. Reads dragoon.json to match framework (react/vue/svelte), styling layer (tailwind/css-modules/plain), language…
Use when creating or updating component fixtures for screenshot testing, or when designing UI components to be fixture-friendly.
Production-grade component layout patterns. Dashboard grids, hero sections, masonry layouts, filter systems, and CSS-only complex components.
Design system token management, component API design, Storybook, and visual regression testing patterns
Generate Drupal/Twig component skeletons with web components and Miyagi validation. Use when user requests to create, scaffold, or add a new component at a specific path (e.g.,…
The shipped `remix/ui/` headless library — Accordion, Anchor (positioning), Breadcrumbs, Button, Combobox, Glyph (icons), Listbox, Menu (dropdown / context), Popover…
Data visualization and chart components for Composable Svelte. Use when creating charts, graphs, or data visualizations.
Streaming chat and collaborative features for Composable Svelte. Use when implementing LLM chat interfaces, real-time messaging, or collaborative features.
Code editing, syntax highlighting, and visual programming for Composable Svelte. Use when implementing code editors, syntax highlighting, or node-based visual programming.
UI component library reference for Composable Svelte. Use when implementing designs, choosing components, styling layouts, or working with shadcn-svelte components.
Core architecture patterns for Composable Svelte. Use when creating stores, writing reducers, working with effects, composing reducers, or implementing business logic.
Production deployment patterns for Composable Svelte SSR applications. Use when deploying to Fly.io, Docker, or any cloud platform.
Form patterns and validation for Composable Svelte. Use when building forms, validating user input, or integrating Zod schemas.
3D graphics and WebGPU/WebGL rendering with Composable Svelte. Use when building 3D scenes, working with cameras, lights, meshes, materials, or implementing WebGPU/WebGL graphics.
Internationalization (i18n) system for Composable Svelte. Use when implementing multi-language support, translations, date/number formatting, locale detection, or localizing…
Audio, video, and voice components for Composable Svelte. Use when implementing audio players, video embeds, or voice input.
Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations.
Server-side rendering patterns for Composable Svelte. Use when implementing SSR, hydration, server rendering, isomorphic code, or working with meta tags and SEO.
Testing patterns for Composable Svelte. Use when writing tests, using TestStore, mocking dependencies, or testing reducers and effects.
Complete frontend development skill combining distinctive design aesthetics with technical excellence.
Dieser Skill wird aktiviert, wenn der Benutzer den "visualizer", "react app", "demo", "clinical visualization", "token reduction visualisieren", "pipeline ergebnisse anzeigen",…
Add configuration parameters following BobTheSkull's full-stack pattern (BobConfig.py, config_manager.py, HTML templates, JavaScript).
Establece reglas CSS globales en `styles.css` para truncar texto largo en celdas de tablas con puntos suspensivos, previniendo desbordamientos y manteniendo el diseño de las 12…
Reviews React/TypeScript code for the depot console web application with focus on real-time rover teleoperation, state management, WebSocket communication, and 3D visualization.
Controllers in Remix v3 — the `.tsx` files under `app/controllers/` that handle requests. Covers the `Controller` shape, action handler signatures (`{…
Convert Elm code to idiomatic Elixir. Use when migrating Elm frontend applications to Elixir (Phoenix LiveView), translating Elm's functional patterns to Elixir, or refactoring…
Convert Elm code to idiomatic Erlang/OTP. Use when migrating Elm frontend applications to Erlang backend services, translating Elm patterns to OTP behaviors, or refactoring…
Convert Elm code to idiomatic Roc. Use when migrating Elm frontend code to Roc applications, translating browser-based Elm to platform-agnostic Roc, or refactoring Elm web…
Convert Elm code to idiomatic Scala. Use when migrating Elm frontend applications to Scala backends or full-stack Scala, translating The Elm Architecture to functional Scala…
Convert Erlang code to idiomatic Elm. Use when migrating Erlang backend logic to Elm frontend applications, translating BEAM VM patterns to functional frontend code, or…
Convert F# code to idiomatic Elm. Use when migrating F# projects to Elm, translating backend F# to frontend Elm, refactoring .NET backends with Elm frontends, or exploring…
Convert Roc code to idiomatic Elm. Use when migrating Roc applications to Elm frontend code, translating platform-agnostic Roc to browser-based Elm, or refactoring Roc CLI tools…
Cookies in Remix v3 via `remix/cookie` — the low-level building block sessions, auth, and CSRF build on.
Use when building custom agent backends, implementing the AG-UI protocol, debugging streaming issues, or understanding how agents communicate with frontends.
Genera el código completo de archivos React para corregir errores de ejecución (como propiedades indefinidas), respondiendo siempre en español y sin proporcionar ejemplos…
Automate creation of complete CRUD entities (backend Laravel + frontend Vue) following Budget Manager project conventions.
Creates a frontend controller action in Magento 2 for the storefront. Use when building custom frontend pages, AJAX endpoints, form submission handlers, or API-like endpoints for…
Create a new module for the Worker Cabinet HR system. Use when the user asks to add a new feature module (e.g. "training", "goals", "assets").
Create a new React component following Lab's architecture patterns. Determines component scope (core vs.
Generate an offline-first Progressive Web App with Odoo Studio backend integration. Use when user wants to create new Odoo-backed application, mentions "PWA with Odoo", "offline…
Create or update presentation notebooks with embedded HTML and JavaScript in markdown cells using EDS blocks. Convert executable code cells to informative text.
Create React components, hooks, or utilities following the modlet pattern. Use when creating any component in packages/client/src/components/.
Scaffolds React Native libraries with create-react-native-library for standalone libraries or local native modules and views.
Создание View-компонента — презентационного React-компонента, отвечающего только за отображение UI. Используй когда нужен изолированный переиспользуемый компонент без…
Guides creating Vue 3 components with glass-morphism UI for the anime extension. Use when building UI components, styling with Tailwind, or implementing the design system.
Shared reference for the creative-frontend cluster: the in-browser-vs-video decision matrix, in-browser tool selection, prefers-reduced-motion baseline, GPU/performance budget,…
Route a creative-frontend task to the correct spoke — in-browser animation (GSAP ScrollTrigger, Anime.js, web-motion-library) over an Astro substrate, or render-time programmatic…
Use esta skill ao criar ou revisar exercícios práticos deste repositório, especialmente em seções didáticas de HTML, CSS, JavaScript, DOM, arrays, objetos e PHP.
创建跨平台项目启动器：HTML 可视化页面 + macOS .command 脚本 + Windows .bat 脚本。 自动检测应用程序路径 + 菜单式交互。触发：启动器、launcher、一键启动、双击即用、 桌面快捷方式、不想点 bat 文件。适用于 MATLAB、CCS、Hermes 等任何需要简化启动流程的工具。
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams.
Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API rou — from…
Use when building React 18+ applications in .jsx or .tsx files, Next.js App Router projects, or create-react-app setups.
Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo. Implements navigation hierarchies (tabs, stacks, drawers), configures native — from…
Builds Vue 3 components with Composition API patterns, configures Nuxt 3 SSR/SSG projects, sets up Pinia stores, scaffolds Quasar/Capacitor mobile apps, implements PWA fe — from…
Creates Vue 3 components, builds vanilla JS composables, configures Vite projects, and sets up routing and state management using JavaScript only — no TypeScript.
C# static analysis tool for call graphs, unused code detection, impact analysis, HTML documentation generation, and Graphviz diagram export — from lawless-m/CSharpener
C# static analysis tool for call graphs, unused code detection, impact analysis, HTML documentation generation, and Graphviz diagram export — from lawless-m/CSharpener
Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.