Avue 组件代码生成与配置指南。当用户需要创建、配置或生成基于 Avue (avue-crud, avue-form, avue-tree 等) 的 Vue 页面代码时使用此 skill。覆盖 CRUD 表格、表单、树组件、数据展示等全部 Avue 组件。支持 Composition API 和 Options API 两种代码风格。当用户提到…
Provides comprehensive guidance for Avue Form component including form configuration, validation, and dynamic forms.
Universal coding standards: naming, structure, immutability, error handling, type safety, plus backend layering and frontend architecture/motion patterns for consistent code.
Best practices for animations in React that stay buttery-smooth (60fps, no jank) — because motion and performance have to coexist: a beautiful animation that stutters is worse…
Below-the-fold landing page sections pipeline. Companion to awwwards-hero. Covers feature showcases, social proof, pricing, process/how-it-works, case studies, stats/metrics, CTA…
Generate TypeScript client code for interacting with Aztec contracts. Use when building frontend integrations, creating contract clients, or setting up wallet connections.
Scaffold a new project OR refactor an existing one to azzist standards. Serves as the base architecture layer for frontend, backend, database, cache, and queue services.
Backend-Frontend senkronizasyonu. API değişikliklerinde kullan. Type sync, API contract doğrulama, WebSocket event handling.
Build Backstage frontend plugins with the new Frontend System: createFrontendPlugin, blueprints, routes, Utility APIs, testing. Use for pages, nav, entity content, or cards.
Filament 5.x — Panels, Resources, Tables, Schemas (Forms + Infolists), Actions, Widgets, multi-tenancy nativa e integração com Livewire 4 + Tailwind CSS v4.
Expert guidance for HTML/XML parsing using BeautifulSoup in Python with best practices for DOM navigation, data extraction, and efficient scraping workflows.
Build a throwaway single-file tool for a specific use case — runs on file://, persists to localStorage, no build step.
Workflow for Vue 3, TypeScript, Pinia, Tauri IPC, markdown rendering, chat streaming, and Build Sheet UI changes in Bestel. Use for frontend implementation, debugging, or review.
Integrate Better Auth for JWT-based authentication in Next.js frontend and FastAPI backend. Handles signup, login, logout, token management, and protected routes.
Expert skill for implementing Better Auth with JWT tokens and JWKS (JSON Web Key Set) for secure authentication between Next.js frontend and FastAPI backend.
Build interactive HTML/web visualizations with plotly (Python/R), bokeh (Python), and gganimate/plotly frames for animation, with awareness of current Kaleido static-export model…
Use when setting up Bknd SDK in a frontend application. Covers Api class initialization, token storage, auth state handling, React integration with BkndBrowserApp and use — from…
Use when serving uploaded files to users. Covers API-proxied file serving, direct storage URLs (S3/R2/Cloudinary), CDN configuration, public file URLs, caching headers, i — from…
Use when serving uploaded files to users. Covers API-proxied file serving, direct storage URLs (S3/R2/Cloudinary), CDN configuration, public file URLs, caching headers, i — from…
Scaffold a new Blip React plugin (create-blip-extension), config:plugin, and SDD handoff to react-developer. Use for new Blip plugins or when invoking /blip-plugin-developer.
Frontend/full-stack business validation gate. Executes each Validation Metier item against a real browser environment (dev server, staging, production) using automated test…
Frontend (re-render reduction, memoization, lazy loading) and backend (N+1 fix, indexing, caching, async) performance optimization.
Expert skill to refactor and migrate legacy Bootstrap CSS applications to modern stacks using Tailwind CSS v4 and Alpine.js / Skill ahli untuk melakukan refaktor dan migrasi…
Use for expert Nuxt 4.x development, code auditing, and best-practice guidance grounded in official docs via Context7.
Expert bot developer specializing in Discord, Telegram, Slack automation with deep knowledge of rate limiting, state machines, event sourcing, moderation systems, and…
Convert Markdown text to DOCX, PPTX, XLSX, PDF, HTML, IPYNB, MD, CSV, JSON, JSONL, XML files, and extract code blocks in Markdown to Python, Bash,JS and etc files.
Use only for Bricks Builder-specific questions about elements, hooks, schema, controls, templates, styling, dynamic content, setup, or integrations when the local Bricks Academy…
Bridging 2D canvas and 3D spatial rendering in StickerNest. Use when working with coordinate conversion, parallel DOM/WebGL architecture, widget rendering across modes, Html vs…
Manage named persistent browser profiles (cookies, localStorage, IndexedDB, cache) that both you and Claude can use against the SAME Chrome window without collisions.
Use when you need browser automation via the browser-use CLI or Python code in this OpenClaw container/host: open pages, click/type, take screenshots, extract HTML/links, or run…
Defines target browser versions for CSS autoprefixing and JavaScript transpilation. Generates .browserslistrc configuration file.
基于若依-vue-plus框架的Bug排查与调试标准流程。提供系统化的问题诊断方法论，涵盖： 1. 日志链路追踪与TraceId全链路分析 2. 全局异常处理器的堆栈解析方法 3. 框架级常见陷阱（Long精度丢失、逻辑删除、缓存不一致、权限拦截） 4. MyBatis-Plus与Redis的排查技巧 5.
Builds production data grids that stay fast and accessible at 10k–1M+ rows — decide server-side vs client-side sort/filter/paginate by the dataset-fits-in-memory test (client only…
Svelte-first frontend experience engineering. Use when building interactive experiences: animations, 3D/WebGL, scrollytelling, data visualization, or any visual/interactive work.
Use when creating a Nuxt frontend Mastra agent with pnpm using a minimum viable plain chat assistant (non-weather agent).
Use when creating a production-minded Nuxt frontend Mastra agent with pnpm, based on a plain chat assistant (not weather), including preflight checks, architecture decisions,…
Use assistant-ui to build production React chat interfaces with reusable threads, runtimes, message components, and model/provider adapters.
Scaffolds production-grade React/Next.js components with proper props typing, server vs client component boundaries, and composition; used when building or restructuring UI…
Use when creating, fixing, or optimizing a 3D model for a website: procedurally authoring a model in Blender via Python/headless (bpy), exporting glTF/GLB (Draco, Meshopt, KTX2),…
Build Next.js 16 applications with correct patterns and distinctive design. Use when creating pages, layouts, dynamic routes, upgrading from Next.js 15, or implementing proxy.ts.
Use when building web UIs with Next.js 15+ and React 19 - covers Server Components, App Router, testing with Vitest and Playwright, and accessibility standards
Use when building server-rendered React with Bun, including streaming SSR, hydration, renderToString, or custom SSR without a framework.
Use when building or running SvelteKit apps on Bun, including SSR, adapters, and Bun-specific APIs — from engineering/frontend
Use when building or running SvelteKit apps on Bun, including SSR, adapters, and Bun-specific APIs — from engineering/frontend
Analyze and optimize JavaScript bundle size, identify large dependencies, and improve load times. Use when bundles are large, investigating performance issues, or optimizing…
Reduce JavaScript and CSS bundle sizes through code splitting, tree shaking, and optimization techniques. Improve load times and overall application performance.
Headless browser testing via persistent Bun.WebView session. Use when testing frontend UI, verifying page content, filling forms, clicking buttons, taking screenshots, or…
Create interactive learning games for business English practice. Supports multiple game types (quiz, simulation, drag-drop) across various business scenarios (emails, meetings,…
Call the Tauri v2 frontend from Rust via the event system, channels, and JavaScript evaluation. USE WHEN emitting events from Rust to the webview, streaming data over IPC…
Call Rust backend functions from the Tauri v2 frontend with invoke and #[tauri::command]. USE WHEN defining commands, passing arguments or return values across IPC, handling…
Debug canvas layout issues, grid positioning problems, and component overlap. Use when troubleshooting Konva canvas rendering, grid constraints, snap-to-grid behavior, or visual…
Guides the agent through Capacitor app development with React — project structure, hooks for native features, state management patterns, using Capacitor plugins in React…
Guides the agent through Vue-specific patterns for Capacitor app development. Covers Vue 3 Composition API with Capacitor plugins, custom composables for native features, reactive…
Transforms DevOps Mentoria PPTX slides into Carreira Tech "Do Zero ao Primeiro Emprego" beginner-friendly slides, preserving original images at correct aspect ratios and adapting…
Use when an aligned UI contract or established project pattern needs production frontend implementation across components, layouts, interaction states, responsive behavior,…
Sistema completo de monitoramento semanal de preços de CDs (Compact Disc) em Amazon, Mercado Livre e Shopee, com histórico de preços, filtro anti-fanmade/caseiro, digest semanal…
Expert guidance for Django REST Framework class-based views using Classy DRF (https://www.cdrf.co). Use when selecting or debugging APIView, GenericAPIView, concrete generic…
Use when reviewing or cleaning up a change-set — a branch, PR, workspace diff, staged changes, or recent commits.
Automates Chrome browser workflows for testing web apps, debugging with console/network logs, extracting data, filling forms, and interacting with authenticated web applications…
Build Chrome extensions using WXT framework with TypeScript, React, Vue, or Svelte. Use when creating browser extensions, developing cross-browser add-ons, or working with Chrome…