frontend▌

Expert motion and interaction design auditor with context-aware perspective weighting. \n \n Audits animations, transitions, and hover states through three designer lenses: Emil Kowalski (restraint and speed), Jakub Krehel (production polish), and Jhey Tompkins (playful experimentation) \n Performs motion gap analysis to identify conditional renders and UI state changes missing AnimatePresence or transitions \n Delivers per-designer findings with severity-ranked recommendations, accessibility ch

Complete SEO setup for Next.js 16+ apps with metadata, sitemaps, robots.txt, and Core Web Vitals guidance. \n \n Covers essential files (root metadata, dynamic sitemaps, robots configuration) with ready-to-use TypeScript examples for App Router \n Includes rendering strategy comparison (SSG, SSR, ISR, CSR) and Core Web Vitals targets (LCP, INP, CLS) for performance optimization \n Provides quick audit checklist, common mistakes to avoid, and dynamic metadata patterns for product pages and canoni

Generate stunning, professional poster designs using each::sense. This skill creates high-quality poster artwork for movies, events, products, travel, sports, social causes, and various creative applications.

$22

Pixel-perfect HTML to PDF conversion with automatic RTL and Hebrew language support. \n \n Renders using Chrome headless engine with full CSS3/HTML5 support, including Flexbox, Grid, custom fonts, and JavaScript execution \n Automatic right-to-left direction detection for Hebrew, Arabic, and other RTL languages; includes --rtl flag for forced RTL mode \n Configurable page formats (A4, Letter, Legal, A3, A5), orientation, margins, scale, and optional headers/footers \n Requires one-time npm setup

100+ animated React components for Next.js with Tailwind CSS and Framer Motion. \n \n Includes 15 component categories: backgrounds, cards, text effects, buttons, navigation, forms, modals, carousels, 3D effects, and more \n Installed via shadcn CLI as copy-paste components with full source code access for customization \n Requires Next.js 13+, React 16.8+, Tailwind CSS v3+, and TypeScript support \n All components support dark mode, responsive design, and can be combined for complex layouts \n

This skill enforces rules for building production-quality PyQt6 desktop applications. The core principles are: strict MVC separation via signals/slots, never blocking the UI thread, centralized theming via QSS, and layout-manager-driven responsive design. These rules prevent the most common PyQt6 failures: frozen UIs, untestable coupling, and platform-specific rendering bugs.

Comprehensive performance optimization guide for Tailwind CSS v4 applications. Contains 44 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

Utility-first CSS framework for rapidly building custom interfaces with composed utility classes. \n \n Covers layout (flexbox, grid, positioning, sizing, spacing), transforms, typography, visual effects, and interactivity through organized utility categories \n Supports responsive design with mobile-first breakpoints, container queries, and conditional variants for state, pseudo-classes, and media queries \n Tailwind v4 introduces CSS-first configuration using theme variables and directives ( @

Svelte 5 runes, snippets, and SvelteKit patterns for modern component development. \n \n Covers all Svelte 5 runes ($state, $derived, $effect, $props, $bindable, $inspect) with reactive state and computed value patterns \n Explains snippets syntax ({#snippet}, {@render}) as the replacement for slots and slot props \n Includes event handling migration from on: directives to onclick handlers and callback props, plus SvelteKit load functions and form actions \n Provides TypeScript typing for props,