Skills

The parent of every design skill, to build with and to check with - getting a page out of "the box", the average site a model makes by itself. The whole arsenal is LEGO for it. Its children are the topics of design (the rhythm, Outside the Box and grading, pictures, motion, the scroll chain); this file says which child holds what and in what order to use them.

Vertical spacing between and inside sections, built on the Gestalt Proximity Principle — how close things sit, the spacing scale, same-background double padding (לבן ואז לבן), page-head rhythm, heading → paragraph grouping.

Grading any page by how far it leaves the box (OB) and how much it moves (OV) - the +1 / -1 rules for what lifts a page and what sinks it (Outside the Box pieces, pictures, a slider, sections with no picture, cubes), the measured row under every /works card on localhost, the matrix of OB and OV by client, and how to lift a page a generation. A child of anti-box.

Choosing, generating and placing a picture on a page - which way a person looks, where the focal point sits, what the picture is made on, and when a picture is the design. A child of anti-box.

The eye of an animator in this project. The principles that decide how motion feels, not which effect exists - one focal point and a breathing background behind it, a mix of forces in one move, the scroll always moving something in space, balance and breathing, a boom from the first frame, what is seen against what is read - and how to check a motion plan against them.

Awwwards-style sites. Storytelling in the scroll, the top level of the arsenal (very little text, an experience). Composing many scroll effects into one long scroll that reads as one experience, not a row of separate effects (a product page, a project launch, a brand story, sticky stacking, sections rising over each other). Which piece hands over to which, the rules that make them connect, and how to check it.

Skill for creating new branded demos / vertical templates (real-estate, lawyer, AI agency, restaurant, finance, SaaS, yoga, etc.) by composing the project's existing arsenal (components/uikit, GSAP, Swiper, fancybox) — never writing components from scratch.

How to write Hebrew copy for a website (the studio site, a landing page, a service page, a FAQ, a demo, a client site's draft). The rules the user keeps correcting between sessions - a headline needs its subject, no promises about the process, no clipped lines, no wordplay, no technology, hedge what varies.

Deep context for working on the UkNavbar system in this project. Covers architecture, panel system, per-page overrides, accessibility, animation, and best practices before starting any navbar work.

Motion in this project (GSAP, ScrollTrigger, Lenis). What motion is for here and what it costs, the scale of motion from an entrance to a whole storytelling scroll, where the effects live, and the rules that came from bugs.

Sliders in this project (Swiper). LEGO in sliders - a slider that does almost everything in a few lines, the three layers (engine, slide template, what is laid on top), where they live, and the rules that came from bugs.

Popups, lightboxes and galleries in this project (Fancybox 6). LEGO in popups - the kinds from a plain popup to a 3-stage gallery, the user's decisions, where they live, and the rules that came from bugs.

Lean context for Meta (Facebook / Instagram) ads work in this project: the accounts, the script, the naming, the budget rule and the walls.

Recording our own sites (demos, the studio pages) as short video clips, for the studio's pages, a showreel, Facebook or a story. The script scripts/record-clip.cjs, its flags, each demo's timing, the pitfalls, where the clips live and how a page shows them (UkClip).