Design

Skriptoteket frontend development (FastAPI backend + full Vue/Vite SPA) using the HuleEdu-aligned stack (Vue 3.5.x + Vite + TypeScript, Pinia, Vue Router, Tailwind CSS v4 tokens/@theme, HuleEdu design tokens, pnpm). Use for working in the `frontend/` pnpm workspace, SPA hosting/history fallback, implementing SPA features (auth, routing, state, API clients), and keeping the UI/auth model compatible with future HuleEdu teacher login integration (same entry point, no separate login).

Guide technology selection workflow and ADR creation. Use when user asks about choosing a technology, comparing options, or needs to make a tech decision. Orchestrates discovery, evaluation, and documentation.

Import Chinese language works into Zotero with proper pinyin transliteration and translations following Chicago style guidelines

Evaluate browser screenshots and page state for errors. Use when verifying features work correctly, detecting error conditions, or validating UI state during browser testing.

WHEN: ORM code review, Prisma/TypeORM/SQLAlchemy/GORM patterns, lazy loading, transactionsWHAT: Query efficiency + Lazy/eager loading + Transaction handling + N+1 prevention + Model designWHEN NOT: Raw SQL → sql-optimizer, Schema design → schema-reviewer

Intelligent database migration management for Drizzle ORM with Better Auth integration in Cloudflare Workers environment. Analyzes schema changes, validates migrations, and guides production deployment strategies.

Theming StickerNest with CSS tokens and design variables. Use when the user asks about themes, CSS variables, dark mode, skinning, color schemes, theme tokens, widget theming, or customizing appearance. Covers theme system, token inheritance, and widget styling.

Guidelines for clear, professional communication in business contexts

Use when implementing animations in code, building UI transitions, or when a developer needs practical animation guidance for web/mobile applications.

REST vs GraphQL, API versioning, rate limiting, and documentation for Elixir/BEAM APIs

Design, organize, and operate Deepnote projects as the InsightPulseAI Data Lab workspace for exploration, jobs, and Superset-ready summary tables.

Generic MCP (Model Context Protocol) server development patterns. Provides reusable architecture and best practices for building MCP servers that expose any domain-specific operations as tools for AI agents. Framework-agnostic implementation supporting async operations, error handling, and enterprise-grade features.

CUI Java unit testing standards and patterns with JUnit 5, generators, and value object testing

Ink.js (React for CLI) design and implementation guide.Use when:(1) Creating or modifying Ink.js components(2) Implementing Ink-specific hooks (useInput, useApp, useFocus)(3) Handling emoji/icon width issues (string-width workarounds)(4) Building terminal-responsive layouts(5) Managing multi-screen navigation(6) Implementing animations (spinners, progress bars)(7) Optimizing performance (React.memo, useMemo)(8) Handling keyboard input and shortcuts(9) Testing CLI UI (ink-testing-library)

Style and render geographic data with renderers, symbols, and visual variables. Use for creating thematic maps, heatmaps, class breaks, unique values, labels, and 3D visualization.

Autonomous UI inspection using a dual channel: (1) visual screenshots via Playwright MCP tools, (2) numeric layout metrics via Puppeteer scripts. Includes server --check standardization so agents can start/stop reliably.

Decide and take action when blockers appear. Use when tools are missing, installs are required, or the user expects proactive execution to complete the task.

Build Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.

Apply functional and compositional architecture patterns when designing systems, modules, and components. Use when creating architecture definitions, designing system boundaries, defining interfaces, or building modular systems.

Use this skill whenever the user wants to design, implement, or refactor authentication and authorization in a NestJS TypeScript backend, including JWT, sessions, refresh tokens, guards, roles/permissions, and integration with modules/services/controllers.