基于若依-vue-plus框架的全栈代码规范指南。定义后端Java Spring Boot与前端Vue3 + TypeScript的标准化编码模式。 核心内容： - 后端分层架构规范：Controller/Service/Mapper三层设计，对象流转模式（Bo/DTO → Entity → Vo） - 前端Vue3组合式API规范：
Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.
[METHODOLOGY] Universal quality coding process (plan, TDD, reviews). Preloaded by dev-backend-engineer, dev-frontend-engineer, dev-fullstack-engineer agents.
全面代码库审计 — 自适应并行深度分析（前后端契约、数据完整性、异常处理/安全、架构/技术债、配置/缓存），输出按严重程度排序的统一报告和修复路线图。Use when user asks to audit, analyze, or review an entire codebase for design issues, find hidd — from…
全面代码库审计 — 自适应并行深度分析（前后端契约、数据完整性、异常处理/安全、架构/技术债、配置/缓存），输出按严重程度排序的统一报告和修复路线图。Use when user asks to audit, analyze, or review an entire codebase for design issues, find hidd — from…
Unified dead code detection, AST-based duplicate detection, and cleanup tool combining Legacy Tech Remover + Comprehensive Auditor + Architectural Cleanup with Knip, depcheck,…
Start code-viewer in dev mode for developing/debugging code-viewer itself. Launches backend, frontend, and test-electron with the current repo. Triggers on: /codeview-dev
Create, revise, refactor, or explain source code for this repository in a didactic, beginner-friendly style for high-school students.
Use whenever writing, reviewing, or refactoring code anywhere in the ecosystem — backend (FastAPI / Python), infrastructure (Proxmox / Docker / networking), graph work (Neo4j /…
Comark (Components in Markdown) parser — syntax, AST, Vue/React/Svelte renderers, plugins, and LLM streaming with auto-close.
Implement Split-Panel Combat UI (Pattern A) for SHINOBI WAY game. Use when user wants to create the horizontal confrontation combat layout, character panels, action dock, phase…
Component catalog for the CometChat Angular UI Kit v4 — HTML selector names, Angular Input bindings, Output events, slot templates, request builders, style objects, and composite…
CometChatThemeService palette — color tokens, light/dark mode, typography, per-component style objects, and CSS variable overrides for the CometChat Angular UI Kit v4.
Framework-specific patterns for integrating CometChat React UI Kit v6 into Astro projects using React islands.
Framework-specific patterns for integrating CometChat React UI Kit v6 into Next.js projects (App Router and Pages Router).
Framework-specific patterns for integrating CometChat React UI Kit v6 into React projects (Vite or CRA).
Framework-specific patterns for integrating CometChat React UI Kit v6 into React Router projects (v6 library mode and v7 framework mode).
Turn a standalone HTML report, plan, dashboard, or design doc into a commentable review surface. Reviewers select any paragraph, table cell, code block, KQL query, chart, image,…
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.