Designer. Builder. 20 years.
Bora is a designer and builder whose skills help AI agents create and refine appointment-based service websites for salons, spas, clinics and hospitality brands, along with HyperFrames compositions styled in Tailwind and CSS animation. Their work also covers adversarial code review, programmatic SEO, content strategy, schema markup and web interface guideline audits. Across these skills, a consistent focus runs through the design guidance, from editorial layouts and booking flows to the structured data and review processes that support them.
Skills
52 skills · 450 stars · Apache-2.0
Adversarial Review Adversarially review a code change — assume it's broken, try to break it, and only report finding…
Analytics Tracking When the user wants to set up, improve, or audit analytics tracking and measurement.
Animejs Anime.js adapter patterns for HyperFrames.
App Store Screenshots Use when building App Store screenshot pages, generating exportable marketing screenshots for iOS…
Apple Design Apple's approach to interface design and fluid, physical motion, translated for the web.
Beam Glow States Create React loading, processing, selected, current, focus, and pressed states with the border-be…
Better Accessibility Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA,…
Better Colors Color systems for digital products, from building and naming a palette to applying it with meanin…
Better Interface Cross-discipline interface review: routes a screen, flow, feature, or product interface to every…
Better Layout Layout structure for web interfaces, from grouping and alignment to reading order, progressive di…
Better Typography Web typography from choosing fonts to spacing, wrapping and accessibility.
Better Ui Design engineering principles for making interfaces feel polished.
Better Writing UX writing and interface copy, from voice and button labels to error messages and empty states.
Competitor Alternatives When the user wants to create competitor comparison or alternative pages for SEO and sales enable…
Conductor Rewrite Performance Use when building or optimizing a local-first desktop app with React, dealing with excessive re-r…
Container Lines Add vertical container-size guide lines with mini corner squares for precise, structured web layo…
Content Strategy When the user wants to plan a content strategy, decide what content to create, or figure out what…
Contribute Catalog Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or co…
Copy Editing When the user wants to edit, review, or improve existing marketing copy.
Copywriting When the user wants to write, rewrite, or improve marketing copy for any page — including homepag…
Css Animations CSS animation adapter patterns for HyperFrames.
Css Border Gradient Apply subtle gradient-border treatments for premium web surfaces.
Emil Design Eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions…
Glass Dark Ui Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient b…
Gsap GSAP animation reference for HyperFrames.
Hyperframes Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactiv…
Hyperframes Cli HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect),…
Hyperframes Media Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video…
Hyperframes Registry Install and wire registry blocks and components into HyperFrames compositions.
Impeccable Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, ha…
Interface Review Interface review of a change rather than a screen: uncommitted work, the current branch, or a pul…
Linear Local First Architecture Use when building a web app that must feel instant, when users complain about spinners or perceiv…
Lottie Lottie and dotLottie adapter patterns for HyperFrames.
Minimal Zine Poster Compile a theme, sentence, object, mood, article idea, or photo into a quiet Japanese/Korean zine…
Ogilvy Copywriting Apply David Ogilvy's advertising principles when writing or reviewing copy, headlines, product de…
Page Cro When the user wants to optimize, improve, or increase conversions on any marketing page — includi…
Programmatic Seo When the user wants to create SEO-driven pages at scale using templates and data.
Progressive Blur Create a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for de…
Remotion To Hyperframes Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition.
Schema Markup When the user wants to add, fix, or optimize schema markup and structured data on their site.
Seo Audit When the user wants to audit, review, or diagnose SEO issues on their site.
Service Booking Flow Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios…
Shaders Cursor Ripples Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's Im…
Stop Slop Remove AI writing patterns from prose.
Tailwind Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions.
Tailwind V4 Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic co…
Three Three.js and WebGL adapter patterns for HyperFrames.
Typegpu TypeGPU and raw WebGPU adapter patterns for HyperFrames.