@struq/skill 0.2.2 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -7
- package/package.json +2 -2
- package/skills/struq/SKILL.md +304 -200
- package/skills/struq/cinematic/showpieces/README.md +18 -0
- package/skills/struq/cinematic/showpieces/toonstuk-fill-rows.tsx +74 -0
- package/skills/struq/cinematic/showpieces/toonstuk-hero-opener.tsx +128 -0
- package/skills/struq/cinematic/showpieces/toonstuk-image-to-fullbleed.tsx +78 -0
- package/skills/struq/cinematic/showpieces/toonstuk-manifesto-scrub.tsx +81 -0
- package/skills/struq/cinematic/showpieces/toonstuk-panel-wipe.tsx +89 -0
- package/skills/struq/cinematic/showpieces/toonstuk-pixel-resolve.tsx +107 -0
- package/skills/struq/cinematic/showpieces/toonstuk-project-stack.tsx +86 -0
- package/skills/struq/cinematic/showpieces/toonstuk-scrub-connector.tsx +78 -0
- package/skills/struq/cinematic/showpieces/toonstuk-wordmark-finale.tsx +105 -0
- package/skills/struq/recipes/app/fonts.ts +22 -0
- package/skills/struq/recipes/app/globals.css +185 -0
- package/skills/struq/recipes/app/layout.tsx +28 -0
- package/skills/struq/recipes/components/struq/Cursor.tsx +117 -0
- package/skills/struq/recipes/components/struq/HeroCanvas.tsx +278 -0
- package/skills/struq/recipes/components/struq/HorizontalGallery.tsx +106 -0
- package/skills/struq/recipes/components/struq/MagneticButton.tsx +92 -0
- package/skills/struq/recipes/components/struq/MediaFrame.tsx +96 -0
- package/skills/struq/recipes/components/struq/PinnedZoom.tsx +79 -0
- package/skills/struq/recipes/components/struq/Reveal.tsx +64 -0
- package/skills/struq/recipes/components/struq/SmoothScroll.tsx +57 -0
- package/skills/struq/recipes/components/struq/SplitHeadline.tsx +68 -0
- package/skills/struq/recipes/components/struq/scenes/contours.ts +161 -0
- package/skills/struq/recipes/components/struq/scenes/dots.ts +110 -0
- package/skills/struq/recipes/components/struq/scenes/ripple.ts +99 -0
- package/skills/struq/recipes/components/struq/scenes/types.ts +114 -0
- package/skills/struq/recipes/lib/gsap.ts +21 -0
- package/skills/struq/references/anti-patterns.md +71 -6
- package/skills/struq/references/baseline-prompt.md +18 -14
- package/skills/struq/references/brief-router.md +7 -8
- package/skills/struq/references/composition.md +0 -1
- package/skills/struq/references/depth-parallax.md +1 -1
- package/skills/struq/references/direction.md +5 -5
- package/skills/struq/references/hero-scenes.md +107 -0
- package/skills/struq/references/iconography.md +1 -1
- package/skills/struq/references/imagery.md +10 -29
- package/skills/struq/references/micro-interactions.md +1 -1
- package/skills/struq/references/mobile-composition.md +1 -1
- package/skills/struq/references/niche-packets.md +338 -0
- package/skills/struq/references/page-architecture.md +2 -2
- package/skills/struq/references/pinning-scrub.md +3 -4
- package/skills/struq/references/scroll-reveals.md +1 -2
- package/skills/struq/references/sections.md +141 -0
- package/skills/struq/references/seo.md +2 -2
- package/skills/struq/references/showcase.md +2 -2
- package/skills/struq/references/svg-motion.md +390 -390
- package/skills/struq/references/typography.md +39 -39
- package/skills/struq/references/vibe-presets.md +5 -5
- package/skills/struq/references/webgl-scenes.md +593 -593
- package/skills/struq/scripts/canon.mjs +309 -0
- package/skills/struq/scripts/check.mjs +547 -0
- package/skills/struq/scripts/font-names.mjs +40 -0
- package/skills/struq/scripts/images.mjs +360 -0
- package/skills/struq/scripts/log.mjs +92 -0
- package/skills/struq/scripts/packs.mjs +156 -0
- package/skills/struq/scripts/recipes.mjs +135 -0
|
@@ -12,7 +12,7 @@ Every id carries a **kind**:
|
|
|
12
12
|
1. **Budget:** one `showpiece` for a landing page, two for a long narrative or portfolio site. A third reads as a demo reel, not a site. `system` ids are free of the budget but still obey the motion baseline.
|
|
13
13
|
2. **Placement:** at act breaks ([page-architecture.md](page-architecture.md) §3), with a breather before and after. A showpiece is its own density class, so "breather, showpiece, breather" is the pattern, even when the showpiece itself is airy (`manifesto-fill`). Never as the first thing under the hero and never two in a row; a quiet section between them is what makes each one land.
|
|
14
14
|
3. **Content first:** a showpiece needs material worth staging. A horizontal gallery with four weak images is worse than a static grid.
|
|
15
|
-
4. **No real imagery yet?**
|
|
15
|
+
4. **No real imagery yet?** The Struq beeldbank pack fills every media slot, so a media-led showpiece has real photos from the first build ([struq-imagery.md](struq-imagery.md)). Never grey boxes, never placeholder frames.
|
|
16
16
|
5. **Mobile is authored, not shrunk:** every recipe below names its touch behavior. Build it at the same time as the desktop version.
|
|
17
17
|
6. **Cost** is implementation and debugging time: **S** is under an hour, **M** is a few hours, **L** is a day or more.
|
|
18
18
|
|
|
@@ -84,4 +84,4 @@ At most two showpieces each; the system ids around them set the rhythm and do no
|
|
|
84
84
|
- A showpiece in the first 100vh under the hero, unless it **is** the hero
|
|
85
85
|
- A showpiece without a reduced-motion version (the content must still read as a static layout, and the server markup is that layout: nothing hidden by inline styles, [pitfalls.md](pitfalls.md) §2)
|
|
86
86
|
- A recipe chosen because it is impressive rather than because the content earns it
|
|
87
|
-
- A media-led showpiece staged on
|
|
87
|
+
- A media-led showpiece staged on empty frames (a 3D product built from primitives counts, unless it is a declared stand-in per [webgl-scenes.md](webgl-scenes.md) §4, "No model file yet")
|