🎯Skills35
A Claude Code skill that applies David Ogilvy's advertising principles — including positioning, headlines, promises, and brand voice — to craft persuasive and effective marketing copy.
Expert conversion copywriting skill for writing, rewriting, and improving marketing copy across homepages, landing pages, pricing pages, and product pages, with principles focused on clarity, specificity, and benefit-driven messaging.
Eliminates predictable AI writing patterns from prose, helping produce more natural and human-like text by removing filler phrases, generic openers, and other common AI tells.
A systematic copy editing skill that improves marketing and conversion copy through seven focused passes (the Seven Sweeps Framework), covering clarity, voice, persuasion, readability, structure, grammar, and performance.
A skill providing design engineering principles to make UI interfaces feel polished, covering animations, hover states, shadows, borders, typography, micro-interactions, stagger animations, optical alignment, and enter/exit animations.
Creates distinctive, production-grade frontend interfaces with exceptional design quality, generating creative and polished web components, pages, and layouts that avoid generic AI aesthetics.
A comprehensive React and Next.js performance optimization skill containing 45 rules across 8 priority categories, covering waterfall elimination, bundle size optimization, server-side performance, re-render optimization, and advanced patterns from Vercel Engineering.
Guides content strategy planning by analyzing business context, customer research, and competitive landscape to create a searchable and shareable content plan that drives traffic, builds authority, and generates leads.
Encodes Emil Kowalski's design engineering philosophy on UI polish, component design, animation decisions, and the invisible details that make interfaces feel great, with guidance from animations.dev.
Reviews UI code for compliance with Web Interface Guidelines by fetching the latest rules from the official source and checking specified files against all guidelines, reporting findings in a file:line format.
A skill for building Next.js pages that generate iOS App Store screenshots as advertisement-style marketing assets, exported via html-to-image at Apple required resolutions with customizable themes and localization support.
A skill for creating competitor comparison and alternative pages optimized for SEO and sales enablement. It supports four page formats (singular alternative, plural alternatives, you-vs-competitor, and competitor-vs-competitor) with emphasis on honest positioning and modular content architecture.
A conversion rate optimization skill that analyzes marketing pages (homepages, landing pages, pricing pages) across value proposition clarity, headline effectiveness, CTA hierarchy, visual structure, and trust signals to provide actionable improvement recommendations.
A skill that teaches AI agents to implement schema.org structured data using JSON-LD format, covering Organization, Article, Product, FAQ, and other schema types to enable rich search results.
An SEO audit skill that systematically evaluates crawlability, technical foundations, on-page optimization, content quality, and authority to identify issues and provide actionable recommendations for improving organic search performance.
Provides CSS animation adapter patterns for HyperFrames, enabling deterministic seeking of CSS keyframe animations during preview and rendering. Covers animation-delay timing, fill-mode, play-state, and best practices for integrating CSS-only motion with the HyperFrames runtime.
A skill for building SEO-optimized pages at scale using templates and data. Covers 12 playbooks including location pages, comparison pages, and directory pages, with principles for avoiding thin content penalties and matching genuine search intent.
A skill that guides AI agents in setting up, improving, and auditing analytics tracking, covering GA4, Google Tag Manager, conversion tracking, event naming conventions, and tracking plan frameworks for marketing and product decisions.
Provides Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions, covering CSS-first theme tokens, custom utilities, and v3-to-v4 migration guidance. Designed for projects scaffolded with hyperframes init using the pinned @tailwindcss/browser@4.2.4 runtime.
A frontend design skill that helps create and iterate production-grade interfaces, covering UX review, visual hierarchy, accessibility, responsive behavior, theming, typography, micro-interactions, and design systems with real working code.
A skill for creating video compositions, animations, title cards, overlays, captions, voiceovers, and audio-reactive visuals in HTML, covering the full video production workflow from design to rendering.
Asset preprocessing tools for HyperFrames compositions, providing local text-to-speech narration via Kokoro, audio and video transcription via Whisper, and background removal via u2net. Each command downloads its own model on first run and caches it locally for offline use.
Provides Anime.js adapter patterns for HyperFrames, enabling seek-driven and deterministic animations by registering Anime.js instances on the HyperFrames clock and supporting both basic animations and timeline compositions.
A skill for the HyperFrames CLI development workflow, covering project scaffolding (init), HTML composition linting, visual inspection, preview, and video rendering via `npx hyperframes`. It includes templates like warm-grain, swiss-grid, and kinetic-type, and requires Node.js 22+ and FFmpeg.
A GSAP animation reference skill for HyperFrames that covers core tween methods (to, from, fromTo, set), easing, stagger, timeline creation with position parameters and labels, and performance best practices for writing GSAP animations in HyperFrames compositions.
A skill for the HyperFrames registry that provides reusable blocks and components installable via the hyperframes add command. Blocks are standalone sub-compositions with their own dimensions and timelines, while components are effect snippets that can be pasted directly into host compositions.
A skill that captures a website and produces a professional video through a 7-step workflow including site analysis, design extraction, creative planning, and rendering, supporting social ads, product tours, and promotional content.
A skill that provides Lottie and dotLottie adapter patterns for HyperFrames, enabling seekable animation playback from After Effects exports using lottie-web and dotLottie players with timeline control.
Translates existing Remotion (React-based) video compositions into HyperFrames (HTML + GSAP) compositions, with automatic detection of unsupported patterns and a tiered test corpus for validating translation quality via SSIM thresholds.
A skill for TypeGPU and raw WebGPU adapter patterns within HyperFrames, enabling GPU-rendered compositions with WGSL fragment shaders, compute pipelines, liquid glass effects, and particle systems. The adapter publishes HyperFrames time and dispatches seek events for precise GPU frame rendering.
A skill that guides users through authoring new HyperFrames registry blocks (caption styles, VFX effects, transitions, lower thirds) or reusable components and shipping them as upstream pull requests following a six-step clarify-to-ship workflow.
Provides Web Animations API adapter patterns for HyperFrames, enabling native browser keyframe animations with JavaScript-created timing, seeking, and deterministic rendering without a GSAP dependency.
A skill for Three.js and WebGL adapter patterns within the HyperFrames framework. Provides guidance on creating deterministic Three.js scenes, camera motion, shader visuals, and AnimationMixer timelines driven by HyperFrames seek events rather than wall-clock time.
Skill
Skill