boraoztunc/skills

1

documentary-brutalist-agency Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard t…

boraoztunc/skills

62

2

glass-dark-ui Build dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseud…

boraoztunc/skills

62

3

liquid-metal-border Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package. Use when buttons, icon controls, …

boraoztunc/skills

62

4

mesh-gradient-dark-blue-clean Create a futuristic, premium, clean dark-blue mesh-gradient design system across background rendering, hero shell, na…

boraoztunc/skills

62

5

shaders-cursor-ripples Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and Curso…

boraoztunc/skills

62

6

webgl-laser Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colore…

boraoztunc/skills

62

7

corner-diagonals Apply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells. Use when a design nee…

boraoztunc/skills

61

8

framed-grid-layout Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line t…

boraoztunc/skills

61

9

reveal-hover-effect Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask. Use for hover…

boraoztunc/skills

61

10

skeuomorphic-ui Create skeuomorphic web UI surfaces with layered gradients, stacked inner and outer shadows, reflective gradient bord…

boraoztunc/skills

61

11

staggered-word-reveal Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters…

boraoztunc/skills

61

12

thinking-orbs Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat,…

boraoztunc/skills

61

13

better-writing UX writing and interface copy, from voice and button labels to error messages and empty states. Use when writing or r…

boraoztunc/skills

41

14

better-layout Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adapti…

boraoztunc/skills

40

15

better-typography Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, con…

boraoztunc/skills

40

16

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

boraoztunc/skills

40

17

better-colors Color systems for digital products, from building and naming a palette to applying it with meaning and verifying cont…

boraoztunc/skills

39

18

better-accessibility Accessibility engineering for product interfaces, from focus states and keyboard support to ARIA, forms, and screen r…

boraoztunc/skills

37

19

interface-review Interface review of a change rather than a screen: uncommitted work, the current branch, or a pull request. Covers in…

boraoztunc/skills

37

20

better-interface Cross-discipline interface review: routes a screen, flow, feature, or product interface to every `better-*` domain sk…

boraoztunc/skills

35