Recreate a static graphic ad (Pinterest pin, IG/FB feed image, poster) from a reference image, swapping in a new brand's product and new copy while keeping the reference's layout,…
Remix v2 data loading and mutations. Use when writing loaders, actions, deferred data, revalidation logic, or pending state.
Reviews Remix v2 loaders and actions for mutations-in-loader, missing validation, leaked server fields, wrong return helpers, v1 useTransition holdovers, and revalidation traps.
Reviews Remix v2 error-handling code for the unified ErrorBoundary, isRouteErrorResponse narrowing, throw-vs-return, root boundary scaffolding, and v1 holdovers (CatchBoundary,…
Remix v2 form submissions and mutations. Use when implementing forms, optimistic UI, file uploads, or multi-action routes.
Reviews Remix v2 form code for manual fetch() mutations, native
Remix v2 meta/SEO, sessions, auth, and CSRF. Use when working with document head, cookie sessions, auth gates, or CSRF protection.
Reviews Remix v2 code for v1-shape meta exports (BREAKING in v2), cookie security gaps (httpOnly, secure, secrets rotation), auth gates in wrong layer, and missing CSRF.
Remix v2 performance, streaming, caching, and server/client boundaries. Use when configuring HTTP caching, server-only modules, hydration safety, or prefetch.
Reviews Remix v2 code for caching header misuse, missing server/client split, hydration mismatches (Date, Math.random, locale), prefetch hygiene, and asset bottlenecks.
Remix v2 routing patterns. Use when implementing flat-routes v2 conventions, route file naming, nested layouts, resource routes, or root.tsx scaffolding.
Reviews Remix v2 route files for naming convention violations, missing layouts, resource-route shape, and v1 holdovers.
Systematically remove Firebase auth & cloud sync from an Electron + React app — trace dependencies across renderer, main process, and preload bridge
Remult patterns - entities, fields, repo() usage, lifecycle hooks, permissions (allowApi + apiPrefilter), upsert, customFilter, sqlExpression, ValueList enums, relations.
Use agent-facing HyperFrames skills to turn prompts, PDFs, CSVs, or repo context into editable HTML video compositions and rendered MP4 outputs.
Skill for the rendering infrastructure module providing multi-format output generation including PDF manuscripts, HTML web pages, and Beamer/Reveal.js slides.
Use when reasoning about how a web UI is produced and delivered: client-side rendering, server-side rendering, static-site generation, incremental static regeneration, React…
When the user wants to choose or optimize rendering strategy for SEO. Also use when the user mentions "SSR," "SSG," "CSR," "ISR," "static rendering," "dynamic rendering,"…
Analisa diversidade ao longo do ciclo de vida (além de pay): representatividade por recorte demográfico em cada estágio (headcount geral, liderança, contratações, promoções,…
Send transactional or notification emails via the Resend API — text and HTML content, multiple recipients, CC/BCC, reply-to, and file attachments.
Design and implement adaptive layouts using CSS Grid, Flexbox, container queries, and fluid typography/spacing — the craft layer for layouts that work correctly across all…
Organize 8-bit CSS with custom properties, pixel fonts, and responsive pixel art. Apply when creating or modifying retro-styled components and their CSS.
reveal.js 6.0.1 presentation architecture — section/fragment structure, HTML vs Markdown-mode authoring, theming, plugin config, Reveal.initialize() options, vanilla setup, React…
Cria visualizações 3D interativas de arquitetura de software usando Three.js, gerando HTML standalone com cenas navegáveis por câmera livre.
Use when assessing code quality hygiene — TypeScript strictness, lint violations, dead code, and duplication. Runs `audit-typescript.sh`, `audit-lint.sh`, `audit-similarity.sh`.
Comprehensive Remix v2 code review with optional parallel agents. Detects Remix v2 in package.json, loads relevant review skills, runs verification protocol.
Use when reviewing state management architecture — classifying state types (server/URL/form/UI), checking for over-globalization, Jotai/Zustand/Redux patterns, derived state, and…
Use when starting a frontend review engagement or when the user asks for an initial assessment ("triage", "day 0", "what's the state of this repo").
Review code Vue 3/Nuxt 3 component chuyên sâu về hiệu năng và chống memory leak, cực kỳ tiết kiệm Context Area.
The ENFORCED house design system — one premium look for every frontend, with gates that stop drift (not just advice).
Infraestructura híbrida Python/Deno para procesamiento de HTML con IA. Transforma documentos manteniendo la estructura original sin exponer el HTML completo.
Master right-to-left (RTL) and bidirectional (BiDi) UI design, CSS logical properties (`margin-inline`, `padding-block`), layout direction switching (Arabic, Hebrew, Persian),…
Add right-to-left (RTL) text support to web projects for Hebrew, Arabic, and Farsi. Use when the user asks about RTL layout, Hebrew/Arabic text direction, bidirectional text, CSS…
راجع وابنِ وأصلح واجهات Frontend العربية بحيث تكون RTL صحيحة إنتاجياً ومناسبة للمواقع المؤسسية ومنصات SaaS في السعودية.
Give coding agents React Native-specific build, upgrade, GitHub Actions, and troubleshooting guidance instead of treating mobile work like generic web development.
Iniciar a API (FastAPI) e o frontend (Vite) do IMOBILAY em modo de desenvolvimento.
Start all local services (backend, frontend, docs) with dependency checking, error diagnosis, and automatic recovery.
Use when given a Figma file URL + node-id and asked to generate frontend scaffold code (Vue/React/Svelte) that matches an existing project's design system tokens.
Build 3D and AR apps with the SceneView SDK in Jetpack Compose, SwiftUI (iOS/macOS/visionOS via SceneViewSwift), Web (Filament.js), Flutter and React Native.
Use when building or reviewing Scout web UI, dashboard UX, demo flows, visual polish, accessibility, responsive layout, and product screens for the Codex Hackathon project.
Scrapling CLI(명령줄) 도구로 터미널에서 웹 스크래핑하는 방법. 코드 작성 없이 scrapling extract 명령으로 웹페이지를 HTML/Markdown/텍스트로 추출하고, scrapling shell로 인터랙티브 스크래핑 REPL을 실행하며, scrapling install로 브라우저 의존성을 설치한다.
Generates Scrapy spider classes with CSS/XPath selectors, item pipelines, and middleware configurations for structured web scraping.
Interactive screen reader simulation for education and debugging. Parses HTML/JSX and produces step-by-step narration of what a screen reader would announce.
ScriptDrop Docker troubleshooting, database setup, port reference, and dev server debugging. Use when development containers have OOM kills, the dev server won't start, CSS/JS…
review, design, scaffold, refactor, and troubleshoot scss and sass based styling systems. use when the user asks for scss architecture, variables and tokens, mixins, nesting,…
SCSS and CSS architecture standards. Apply when working with CSS, SCSS, styling architecture, component styles, tokens, or compiled stylesheet organization.
Run a local read-only HTML topology UI for a project already deployed by Sealos Skills and return a localhost URL.
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postg — from…
Premium implementation specialist - Masters Laravel/Livewire/FluxUI, advanced CSS, Three.js integration — from LiHongwei-cn/lihongwei-cn
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.
Sets the mindset for a senior frontend developer concerning code quality, maintainability, and testing.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Comprehensive QA and testing skill for quality assurance, test automation, and testing strategies for ReactJS, NextJS, NodeJS applications.
Principal-level product development and architecture skill for modern professional web platforms. Covers advanced frontend engineering, Next.js App Router patterns, React…
Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling,…
Full Sentry SDK setup for React Native and Expo. Use when asked to "add Sentry to React Native", "install @sentry/react-native", "setup Sentry in Expo", or configure error…
Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring,…