Find the best CLAUDE.md, AGENTS.md and Claude skills

boraoztuncSkill

copywriting

boraoztunc/skills/copywriting/SKILL.md

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 the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," or "CTA copy." For email copy, see email-sequence. For popup copy, see popup-cro.

Often used withcompetitor-alternatives·paywalls·revops

boraoztuncSkill

corner-diagonals

boraoztunc/skills/corner-diagonals/SKILL.md

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 controls, or engineered sharp containers instead of rounded pills or plain rectangles.

boraoztuncSkill

css-animations

boraoztunc/skills/css-animations/SKILL.md

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 HyperFrames must seek deterministically during preview and rendering.

boraoztuncSkill

css-border-gradient

boraoztunc/skills/css-border-gradient/SKILL.md

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

boraoztuncSkill

documentary-brutalist-agency

boraoztunc/skills/documentary-brutalist-agency/SKILL.md

Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white chapters, exposed grids, documentary imagery, irregular collages, restrained parallax, brutalist navigation, and accessible FAQ controls.

boraoztuncSkill

editorial-portfolio-chapters

boraoztunc/skills/editorial-portfolio-chapters/SKILL.md

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, color-coded case-study chapters, oversized service typography, restrained project reveals, and a decisive contact finale.

boraoztuncSkill

emil-design-eng

boraoztunc/skills/emil-design-eng/SKILL.md

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

Often used withpick-ui-library·find-animation-opportunities·mobile-native

boraoztuncSkill

framed-grid-layout

boraoztunc/skills/framed-grid-layout/SKILL.md

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, precise, structured, editorial, technical, or guide-border web layouts.

boraoztuncSkill

frontend-design

boraoztunc/skills/frontend-design/SKILL.md

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 (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Often used withfile-reading·brief-to-tasks·instantly-campaign

boraoztuncSkill

glass-dark-ui

boraoztunc/skills/glass-dark-ui/SKILL.md

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 sections, blur panels, or dark UI systems with gradient/glow borders.

boraoztuncSkill

gsap

boraoztunc/skills/gsap/SKILL.md

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

Often used withcut-mistakes·make-a-video·video-storytelling

boraoztuncSkill

hyperframes-cli

boraoztunc/skills/hyperframes-cli/SKILL.md

HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and environment troubleshooting (doctor, browser, info, upgrade). Use when running any of these commands or troubleshooting the HyperFrames build/render environment. For asset preprocessing commands (`tts`, `transcribe`, `remove-background`), invoke the `hyperframes-media` skill instead.

Often used withoversized-cursor·cut-mistakes·hyperframes-creative

boraoztuncSkill

hyperframes-media

boraoztunc/skills/hyperframes-media/SKILL.md

Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whisper), and background removal for transparent overlays (u2net). Use when generating voiceover from text, transcribing speech for captions, removing the background from a video or image to use as a transparent overlay, choosing a TTS voice or whisper model, or chaining these (TTS → transcribe → captions). Each command downloads its own model on first run.

boraoztuncSkill

hyperframes-registry

boraoztunc/skills/hyperframes-registry/SKILL.md

Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, installing a block or component, wiring an installed item into index.html, or working with hyperframes.json. Covers the add command, install locations, block sub-composition wiring, component snippet merging, and registry discovery.

Often used withcut-mistakes·make-a-video·video-storytelling

boraoztuncSkill

hyperframes

boraoztunc/skills/hyperframes/SKILL.md

Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (crossfades, wipes, reveals, shader transitions). Covers composition authoring, timing, media, and the full video production workflow. For dev-loop CLI commands (init, lint, inspect, preview, render) see the hyperframes-cli skill; for asset preprocessing commands (tts, transcribe, remove-background) see the hyperframes-media skill.

Often used withcut-mistakes·video-storytelling·waapi

boraoztuncSkill

impeccable

boraoztunc/skills/impeccable/SKILL.md

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.

Often used withlayout·overdrive·shape

boraoztuncSkill

interface-review

boraoztunc/skills/interface-review/SKILL.md

Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers interface quality, not correctness, tests, or security.

boraoztuncSkill

landing-page

boraoztunc/skills/landing-page/SKILL.md

Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers structure, layout patterns, conversion strategies, copywriting, SEO/AEO, and common pitfalls.

boraoztuncSkill

linear-local-first-architecture

boraoztunc/skills/linear-local-first-architecture/SKILL.md

Use 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 architecture with optimistic updates.

boraoztuncSkill

liquid-metal-border

boraoztunc/skills/liquid-metal-border/SKILL.md

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, chips, tabs, cards, or selected surfaces need a metallic active, selected, hover, focus, or premium border; when implementing the MetalFx component from metal.jakubantalik.com; or when troubleshooting its presets, themes, strength, glow, reflections, sizing, radius, animation, accessibility, SSR, or performance.