Frontend & Design · By boraoztunc

GSAP animation reference 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

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

boraoztunc/skills

Apply subtle gradient-border treatments for premium web surfaces.

boraoztunc/skills

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

boraoztunc/skills

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

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 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

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

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 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

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

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers.

boraoztunc/skills

Color systems for digital products, from building and naming a palette to applying it with meaning and verifying contrast.

boraoztunc/skills

Web typography from choosing fonts to spacing, wrapping and accessibility.

boraoztunc/skills