Skip to content
alyn
boraoztunc

@boraoztunc

boraoztunc

GitHub profile
Skills
30
GitHub stars
462
Installs
12k

Top skills by boraoztunc

boraoztunc

Skills

59
boraoztunc

adversarial-review

Adversarially review a code change — assume it's broken, try to break it, and only report findings that survive an independent refutation pass. Use when the user wants a deep, skeptical…

Pack46212kCoding

boraoztunc

Skills

59
boraoztunc

analytics-tracking

When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "conversion tracking,"…

Pack46212kData analysis

boraoztunc

Skills

59
boraoztunc

competitor-alternatives

When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when the user mentions 'alternative page,' 'vs page,' 'competitor…

Pack46212kSEO & GEO

boraoztunc

Skills

59
boraoztunc

copy-editing

When the user wants to edit, review, or improve existing marketing copy. Also use when the user mentions 'edit this copy,' 'review my copy,' 'copy feedback,' 'proofread,' 'polish this,'…

Pack46212kWriting

boraoztunc

Skills

59
boraoztunc

copywriting

When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when…

Pack46212kWriting

boraoztunc

Skills

57
boraoztunc

app-store-screenshots

Use when building App Store screenshot pages, generating exportable marketing screenshots for iOS apps, or creating programmatic screenshot generators with Next.js. Triggers on app store…

Pack46212kE-commerce

boraoztunc

Skills

57
boraoztunc

apple-design

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions…

Pack46212kDesign

boraoztunc

Skills

57
boraoztunc

beam-glow-states

Create React loading, processing, selected, current, focus, and pressed states with the border-beam package's animated edge glow. Use when a card, button, input, tab, option, task panel, or…

Pack46212kFrontend

boraoztunc

Skills

57
boraoztunc

better-accessibility

Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen readers. Use when building or reviewing UI components, modals, menus…

Pack46212kFrontend

boraoztunc

Skills

57
boraoztunc

better-colors

Color systems for digital products, from building and naming a palette to applying it with meaning and verifying contrast. Use when creating or extending a color palette, naming color…

Pack46212kDesign

boraoztunc

Skills

57
boraoztunc

better-interface

Cross-discipline interface review: routes a screen, flow, feature, or product interface to every `better-*` domain skill and consolidates one ranked verdict. Use when asked for a holistic…

Pack46212kCoding

boraoztunc

Skills

57
boraoztunc

better-typography

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale…

Pack46212kDesign

boraoztunc

Skills

57
boraoztunc

better-ui

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend code, implementing animations, hover states, shadows, borders…

Pack46212kDesign

boraoztunc

Skills

57
boraoztunc

better-writing

UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing or reviewing any user-facing text: button and link labels, form errors…

Pack46212kWriting

boraoztunc

Skills

57
boraoztunc

conductor-rewrite-performance

Use 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 a Tauri…

Pack46212kWriting

boraoztunc

Skills

57
boraoztunc

content-strategy

When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover. Also use when the user mentions "content strategy," "what should I write…

Pack46212kWriting

boraoztunc

Skills

57
boraoztunc

contribute-catalog

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…

Pack46212kE-commerce

boraoztunc

Skills

57
boraoztunc

emil-design-eng

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Pack46212kDesign

boraoztunc

Skills

56
boraoztunc

better-layout

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints. Use when structuring a page or component, spacing or…

Pack46212kDesign

boraoztunc

Skills

56
boraoztunc

corner-diagonals

Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design needs precise geometric framing, sci-fi UI surfaces, clipped-corner…

Pack46212kDesign

boraoztunc

Skills

55
boraoztunc

editorial-portfolio-chapters

Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. Use for dark editorial shells, full-bleed campaign media…

Pack46212kFinance

boraoztunc

Skills

55
boraoztunc

framed-grid-layout

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment. Use when asked for clean, neutral…

Pack46212kDesign

boraoztunc

Skills

55
boraoztunc

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications…

Pack46212kDesign

boraoztunc

Skills

54
boraoztunc

animejs

Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compositions, registering animations on window.__hfAnime, making Anime.js…

Pack46212kWriting

boraoztunc

Skills

54
boraoztunc

container-lines

Add vertical container-size guide lines with mini corner squares for precise, structured web layouts. Use when asked for container lines, measured layout guides, vertical boundary lines…

Pack46212kDesign

boraoztunc

Skills

54
boraoztunc

css-animations

CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CSS-only motion that…

Pack46212kFrontend

boraoztunc

Skills

54
boraoztunc

css-border-gradient

Apply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, buttons, or hero surfaces need a refined edge highlight without a loud…

Pack46212kFrontend

boraoztunc

Skills

54
boraoztunc

documentary-brutalist-agency

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

Pack46212kDesign

boraoztunc

Skills

54
boraoztunc

glass-dark-ui

Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask. Use when asked for glass cards, frosted dark hero…

Pack46212kDesign

boraoztunc

Skills

53
boraoztunc

beautiful-shadows

Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, controls, panels, popovers, hero media, feature callouts, or modal-like…

Pack46212kDesign