boraoztunc/skills

1

ogilvy-copywriting Apply David Ogilvy's advertising principles when writing or reviewing copy, headlines, product descriptions, landing …

boraoztunc/skills

390

2

stop-slop Remove AI writing patterns from prose. Use when drafting, editing, or reviewing text to eliminate predictable AI tell…

boraoztunc/skills

291

3

copywriting When the user wants to write, rewrite, or improve marketing copy for any page — including homepage, landing pages, pr…

boraoztunc/skills

285

4

copy-editing When the user wants to edit, review, or improve existing marketing copy.

boraoztunc/skills

252

5

content-strategy When the user wants to plan a content strategy, decide what content to create, or figure out what topics to cover.

boraoztunc/skills

217

6

frontend-design Create distinctive, production-grade frontend interfaces with high design quality.

boraoztunc/skills

208

7

page-cro When the user wants to optimize, improve, or increase conversions on any marketing page — including homepage, landing…

boraoztunc/skills

208

8

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering.

boraoztunc/skills

206

9

css-animations CSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, anima…

boraoztunc/skills

205

10

schema-markup When the user wants to add, fix, or optimize schema markup and structured data on their site. Also use when the user …

boraoztunc/skills

204

11

app-store-screenshots Use when building App Store screenshot pages, generating exportable marketing screenshots for iOS apps, or creating p…

boraoztunc/skills

202

12

emil-design-eng This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible …

boraoztunc/skills

202

13

seo-audit When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audi…

boraoztunc/skills

200

14

impeccable Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adap…

boraoztunc/skills

197

15

competitor-alternatives When the user wants to create competitor comparison or alternative pages for SEO and sales enablement. Also use when …

boraoztunc/skills

196

16

programmatic-seo When the user wants to create SEO-driven pages at scale using templates and data. Also use when the user mentions "pr…

boraoztunc/skills

196

17

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

boraoztunc/skills

196

18

analytics-tracking When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions …

boraoztunc/skills

194

19

hyperframes Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene…

boraoztunc/skills

177

20

make-interfaces-feel-better Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing fronten…

boraoztunc/skills

169

21

tailwind Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects cre…

boraoztunc/skills

166

22

animejs Anime.js adapter patterns for HyperFrames. Use when writing Anime.js animations or timelines inside HyperFrames compo…

boraoztunc/skills

165

23

gsap GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (g…

boraoztunc/skills

164

24

hyperframes-cli HyperFrames CLI dev loop — `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render, and…

boraoztunc/skills

164

25

hyperframes-media Asset preprocessing for HyperFrames compositions — text-to-speech narration (Kokoro), audio/video transcription (Whis…

boraoztunc/skills

162

26

contribute-catalog Author a new HyperFrames registry block (caption style, VFX block, transition, lower third) or component (text effect…

boraoztunc/skills

161

27

waapi Web Animations API adapter patterns for HyperFrames. Use when authoring element.animate() motion, Animation currentTi…

boraoztunc/skills

160

28

hyperframes-registry Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, inst…

boraoztunc/skills

158

29

lottie Lottie and dotLottie adapter patterns for HyperFrames. Use when embedding lottie-web JSON animations, .lottie files, …

boraoztunc/skills

158

30

website-to-hyperframes Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) …

boraoztunc/skills

158

31

three Three.js and WebGL adapter patterns for HyperFrames. Use when creating deterministic Three.js scenes, WebGL canvas la…

boraoztunc/skills

156

32

remotion-to-hyperframes Translate an existing Remotion (React-based) video composition into a HyperFrames HTML composition. Use ONLY when the…

boraoztunc/skills

155

33

typegpu TypeGPU and raw WebGPU adapter patterns for HyperFrames. Use when creating GPU-rendered compositions with TypeGPU, ra…

boraoztunc/skills

155

34

linear-local-first-architecture Use when building a web app that must feel instant, when users complain about spinners or perceived slowness despite …

boraoztunc/skills

137

35

conductor-rewrite-performance Use when building or optimizing a local-first desktop app with React, dealing with excessive re-renders during naviga…

boraoztunc/skills

134

36

apple-design Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewi…

boraoztunc/skills

89

37

landing-page Use when designing or rewriting a high-converting landing page (single-offer page) for SaaS/apps/services. Covers str…

boraoztunc/skills

70

38

minimal-zine-poster Compile a theme, sentence, object, mood, article idea, or photo into a quiet Japanese/Korean zine-style editorial pos…

boraoztunc/skills

70

39

pricing-page Use when designing or rewriting a high-converting SaaS pricing page (structure, plan design, copywriting, SEO/AEO, FA…

boraoztunc/skills

67

40

visual-style-presets Pick and apply a complete visual style direction — surface ladder, type scale, accent discipline, and one signature s…

boraoztunc/skills

66

41

service-booking-flow Create or redesign appointment-based service websites for salons, barbers, spas, wellness studios, clinics, and hospi…

boraoztunc/skills

65

42

tailwind-v4 Tailwind CSS v4 conventions for real projects — CSS-first configuration with @theme, automatic content detection, the…

boraoztunc/skills

65

43

beautiful-shadows Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation. Use when compact cards, cont…

boraoztunc/skills

64

44

product-proof-saas Create or redesign SaaS and AI product landing pages where a real workflow, interface, or deterministic demo is the c…

boraoztunc/skills

64

45

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

boraoztunc/skills

64

46

editorial-portfolio-chapters Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the…

boraoztunc/skills

63

47

operational-enterprise-ai Create or redesign enterprise AI, automation, security, and operations product pages that explain system boundaries, …

boraoztunc/skills

63

48

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

boraoztunc/skills

62

49

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

boraoztunc/skills

62

50

css-border-gradient Apply subtle gradient-border treatments for premium web surfaces. Use when cards, pricing panels, nav bars, modals, b…

boraoztunc/skills

62