Render rich interactive visuals — SVG diagrams, HTML widgets, Chart.js charts, interactive explainers — directly inline in chat using the render_visualization tool.
Add Transloadit Smart CDN URL signing to a Next.js App Router project (server-side signing route + optional client demo page).
Integrate any project with the shared GoTrue auth instance with per-project roles. Backend JWT middleware, frontend login/auth context, Docker config, and VPS deployment.
Add Uppy Dashboard + Transloadit uploads to a Next.js (App Router) app, with server-side signature generation and optional /s3/store export.
Integrates Power Pages Web API into a site's frontend code with proper permissions and deployment. Orchestrates the full integration lifecycle: code integration, table permissions…
Configuring JavaScript frontend frameworks for Tauri v2 desktop apps (Next.js, Nuxt, Qwik, SvelteKit, Vite) with SSG setup and tauri.conf.json settings.
Integrating Rust/WASM frontend frameworks (Leptos, Yew, Dioxus, Sycamore) with Tauri v2 via Trunk, covering WASM compilation, Cargo.toml and Trunk.toml config, and withGlobalTauri…
Use to ensure alignment between Backend and Frontend, guarding the Modular Monolith and API contracts.
Amplitude integration for React applications using TanStack Router with code-based routing
Comprehensive systematic debugging agent for hunting down complex bugs, root causes, and error propagation across full stack (frontend, backend, APIs, databases).
Automatically investigate logs when errors occur, debugging issues, or troubleshooting problems. Check frontend logs (LogViewer) and backend logs (daily log files) for error…
Aplica la guía visual de la landing Invok (tokens CSS, tipografía, secciones, componentes, i18n y motion).
End-to-end execution of a GitHub issue via `/ir:exec [mode] ` — open a worktree, investigate, then either present a visual HTML plan for approval or proceed straight to…
Use when an IRIS coding request may involve ObjectScript, CSP, JavaScript, CSS, HISUI, or needs routing between backend, frontend, GB2312 promotion, and workflow rules.
Use when working on CSP, JavaScript, CSS, or HISUI frontend code with coding-iris-plugin frontend rules and the target project's profile.
İzinciKuryeAI işveren veya izinci paneline yeni özellik ekleme şablonu. Doğru dosya konumlarını gösterir (izincikuryeai-isveren-panel.html / izincikuryeai-izinci-panel.html),…
Load full Jarvis app context instantly — architecture, patterns, current state, rules. Use when working on jarvis.html specifically.
Comprehensive React component testing with Jest and React Testing Library covering configuration, mocking strategies, async testing patterns, hooks testing, and integration…
Jetpack Compose navigation expert with type-safe routes, Hilt DI, and MVVM/MVI architecture. Activate on: Jetpack Compose navigation, Compose type-safe routes, Hilt dependency…
Toss Design System (TDS) React Native component library built on top of React Native/Expo. Use with jikime-mobile-react-native for complete mobile development patterns.
Jinja2 template patterns for Python. Syntax, inheritance, includes, macros, filters, loops, whitespace, context, escaping, safe server-rendered HTML.
المستشار التقني المتكامل — Fullstack Developer + UI/UX Designer + Prompt Engineer + Software Engineer.
Test JS logic embedded in HTML using two-layer strategy - Python unit tests + Playwright browser integration tests
Write JavaScript/TypeScript for business applications (frontend and backend) with CRUD, API integration, and data transforms that are correct, readable, and easy to trust.
Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind…
Build tools, CSS architecture, and Git workflows for clemencefouquet.fr WordPress theme. Covers linting, @layer CSS, and sync between Laragon/Git/VPS.
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from engineering/frontend
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
Guide d'installation Astro + Tailwind sur Windows. Covers Node.js setup, pnpm, project creation, common Windows issues, and troubleshooting. — from majiayu000/claude-skill-registry
Background knowledge about Lemmy, the federated link aggregation and discussion platform (Reddit alternative).
KeystoneJS is a powerful open-source headless CMS for Node.js that auto-generates a GraphQL API and React-based Admin UI from your schema definition.
Use at the START of any UI/visual task in the Komga-Reader app (Jetpack Compose, Onyx Boox Go Color 7 Gen2).
Konva.js is an HTML5 Canvas JavaScript framework that enables high-performance animations, transitions, node nesting, layering, filtering, caching, and event handling for desktop…
对 Vue SFC 文件做国际化改造：提取模板中的中文硬编码字符串，替换为 t('key')，在 script setup 中添加 useI18n，并生成包含全部 20 种语言的 块。当用户说"国际化"、"i18n"、"做翻译"、"提取中文"、"替换 t()"、"写 i18n 块"时使用此技能。
Foundational Elm development patterns covering The Elm Architecture (TEA), type-safe frontend development, and core language features.
写超大文件（预估或已知 >1000 行）时的防 socket 断开策略。用"骨架 + 哨兵 + 分片 Edit"避免单次 Write 触发 `socket connection was closed unexpectedly` / `API Error` / `Write failed`。任何涉及"写大文件"、"生成完整 HTML/Vue/Python…
Latest React features from React 19 and React Compiler (past 1.5 years - mid 2024 to 2026) — from majiayu000/claude-skill-registry
Use when creating or modifying code in frontend/. Covers React components, hooks, API clients, and TypeScript code.
Expert guide for Layer Cake, a headless Svelte visualization framework managing scales, dimensions, and data flow while supporting SVG, Canvas, HTML, and WebGL rendering contexts…
Expert guide for LayerChart, a Svelte component library for building diverse data visualizations (Cartesian, radial, hierarchical, geo, graph) with unopinionated building blocks,…
LayerChart Svelte 5 patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Automates creation of interactive language learning games including vocabulary flashcards, song-based games, and multi-level learning systems.
Guides users through designing a pedagogical agent (learning mascot) for their intelligent textbook, generating AI image prompts, and implementing the mascot using inline images,…
Use when changing legacy code that may affect global state, shared CSS/JS, common selectors, templates, forms, API contracts, build output, or deployment behavior.
针对 JavaScript + jQuery + HTML/CSS 传统前端项目的开发与维护规范。当用户在非框架项目中工作，涉及 jQuery、原生 JS、传统多页面应用（MPA）、模板引擎渲染页面、或维护遗留代码时自动激活。
Comprehensive development support for LI.FI DEX aggregator including SDK, Widget, and API integration for cross-chain swaps and bridging.
Lighthouse optimization workflow for Next.js using next/image, next/font, script strategy tuning, client bundle reduction, and server/component boundary discipline.
Lighthouse workflow for React + Vite apps with focus on route-level lazy loading, dynamic imports, bundle reduction, hydration cost control, and stable UX semantics.
Lighthouse optimization workflow for static HTML/CSS/JS sites with deterministic fixes for LCP, CLS, script execution, render-blocking resources, and SEO safeguards.
Subscribe to and listen for Tauri v2 events in the frontend via @tauri-apps/api/event, including typed handlers and cleanup.
Auto-activate for guards=, Guard, ASGIConnection, JWTAuth, JWTCookieAuth, SessionAuth, role or tenant checks, or WebSocket auth. Not for frontend route protection.
Symfony UX LiveComponent for dynamic server-rendered UI. Use when building interactive components that re-render via AJAX, real-time forms, data binding, live validation, or…
Build and review production-grade web and mobile frontends using LiveKit with Next.js. Covers real-time video/audio/data communication, WebRTC connections, track management, and…
Scaffolds new React projects or restructures monoliths to component-based architecture. Use when setting up frontend structure.
Local LeadAce E2E testing skill. Triggers: 'local E2E', 'ローカル E2E', 'local-e2e', 'E2E テスト', E2E run against the local stack.
Leverage personal notes and documentation through Terraphim's role-based search. AI agents can search developer's local knowledge organized by domain (Rust, frontend,…
Use when adding, reviewing, or fixing localized UI copy in agentsview's Svelte frontend with Paraglide JS.
Design e implementação de logging estruturado com distributed tracing. Enforça schema rígido, correlation IDs, sanitização de PII e boas práticas de observabilidade.
End-to-end workflow for creating, rebuilding, or enhancing a client's website. Covers SEO audit, content extraction, Next.js scaffolding, real image/video assets, structured data,…