By boraoztunc

GSAP animation reference for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

boraoztunc/skills

Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition.

boraoztunc/skills

Anime.js adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow.

boraoztunc/skills

Compile a theme, sentence, object, mood, article idea, or photo into a quiet Japanese/Korean zine-style editorial poster — tall aged paper, large negative space, one small image anchor, experimental…

boraoztunc/skills

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.

boraoztunc/skills

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts.

boraoztunc/skills

Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect, overlay, snippet) and ship it as an upstream PR to the hyperframes repo.

boraoztunc/skills

Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells.

boraoztunc/skills

CSS animation adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Capture a website and create a HyperFrames video from it. An agent skill from boraoztunc/skills.

boraoztunc/skills

Apply subtle gradient-border treatments for premium web surfaces.

boraoztunc/skills

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment.

boraoztunc/skills

Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask.

boraoztunc/skills

Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net).

boraoztunc/skills

Add and tune animated liquid-metal WebGL borders with the React metal-fx package.

boraoztunc/skills

Lottie and dotLottie adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, navigation, floating nodes, framed sections, CTAs, and motion.

boraoztunc/skills

Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness.

boraoztunc/skills

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask.

boraoztunc/skills

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components.

boraoztunc/skills

Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient borders, micro texture, and embossed text or icon details.

boraoztunc/skills

Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport.

boraoztunc/skills

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions.

boraoztunc/skills

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library.

boraoztunc/skills

Three.js and WebGL adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

TypeGPU and raw WebGPU adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Web Animations API adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story.

boraoztunc/skills

A skill your agent uses when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services.

boraoztunc/skills

Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, approvals, auditability, exceptions, and rollback.

boraoztunc/skills

A skill your agent uses when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FAQs, layout patterns, experiments).

boraoztunc/skills

Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the central proof.

boraoztunc/skills

Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospitality brands.

boraoztunc/skills

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft smoky fog around the beam.

boraoztunc/skills

UX writing and interface copy, from voice and button labels to error messages and empty states.

boraoztunc/skills

HyperFrames CLI dev loop — npx hyperframes for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade).

boraoztunc/skills

Remove AI writing patterns from prose. An agent skill from boraoztunc/skills.

boraoztunc/skills

A skill your agent uses when building App Store screenshot pages, generating exportable marketing screenshots for iOS apps, or creating programmatic screenshot generators with Next.js.

boraoztunc/skills

Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white chapters, exposed grids, documentary imagery…

boraoztunc/skills

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints.

boraoztunc/skills

Apply David Ogilvy's advertising principles when writing or reviewing copy, headlines, product descriptions, landing pages, ads, emails, or any persuasive text.

boraoztunc/skills

A skill your agent uses when building or optimizing a local-first desktop app with React, dealing with excessive re-renders during navigation, slow chat/list UIs with streaming content, or profiling…

boraoztunc/skills

A skill your agent uses when building a web app that must feel instant, when users complain about spinners or perceived slowness despite acceptable latency, or when designing a local-first sync…

boraoztunc/skills

Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the v3-to-v4 migration diffs, and dynamic class-name safety.

boraoztunc/skills

Pick and apply a complete visual style direction — surface ladder, type scale, accent discipline, and one signature structural motif — for a website, landing page, dashboard, or app shell.

boraoztunc/skills

Adversarially review a code change — assume it's broken, try to break it, and only report findings that survive an independent refutation pass.

boraoztunc/skills