@master/internal-site 0.0.0-stage → 0.1.0

package/src/home/icons/artwork/source.json

@@ -0,0 +1,303 @@
+{
+  "collection": "Master CSS homepage illustrations",
+  "date": "2026-10-28",
+  "tool": "Built-in image_gen.imagegen",
+  "selectedDirection": "B: transparent WebP main artwork with dedicated compact SVG drawings",
+  "sourceNote": "Source names identify original PNG outputs retained in the image-generation session. The repository contains the selected WebP exports.",
+  "designSkill": "https://github.com/tryopendata/skills/blob/main/plugins/opendesign/skills/svg-design/SKILL.md",
+  "lightStyleReference": "exec-3d62fb76-133b-471e-867d-2973dc4ec07d.png",
+  "darkStyleReference": "exec-d9270c7a-656a-4eed-84e2-e4c75b1a0fe5.png",
+  "darkLightingPrompt": "Use case: lighting-weather. Image 1 is the EDIT TARGET, a transparent Master CSS feature icon. Image 2 is the APPROVED DARK MATERIAL REFERENCE ONLY. Create the dark-UI lighting variant of Image 1 for a zinc-black #202023 card. STRICT: preserve Image 1's EXACT canvas, object geometry, object positions, size, perspective, every symbol, connector, line count, and transparent background. Change ONLY lighting and ink brightness. Match Image 2: nearly colorless transparent smoky glass, restrained soft gray luminance variation, delicate subdued white edge highlights, pale zinc-gray code strokes and fine connectors. Faces must be dark translucent glass, not white opaque plates. Preserve real alpha outside and through the glass; no background rectangle or checkerboard. No added glow, wide shadows, thick rims, bevels, extra symbols, text, colors or blue cast. Never move or enlarge objects. Return the same entire square composition.",
+  "export": {
+    "format": "WebP",
+    "size": [
+      384,
+      384
+    ],
+    "quality": 0.96,
+    "alpha": "Preserved from generated PNGs",
+    "crop": "Shared square crop for each light/dark pair, based on their union of alpha > 96 bounds and 80% maximum visible extent",
+    "processing": "Browser canvas crop, resize and format conversion only; no CSS inversion or synthesized material effects"
+  },
+  "assets": [
+    {
+      "id": "section-design-system",
+      "light": "exec-c1611fb9-a27b-4b40-b6ac-c3f6ab854319.png",
+      "dark": "exec-9582066b-fab6-4b2b-9e38-685d12df771f.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Design system: FOUR softly rounded translucent thin diamond tiles arranged as a precise two-by-two modular lattice, separated by generous gaps. Tiny neutral corner registration marks loosely frame the group. ONE tile contains one short dark code stroke. No enclosing box."
+    },
+    {
+      "id": "section-editor",
+      "light": "exec-9b131c21-57a7-40a0-b45a-21487bbda28e.png",
+      "dark": "exec-f6b874e3-1ff7-4e35-bb0b-f7946c9069ed.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Editor: ONE large shallow-isometric transparent rounded sheet with three short parallel code rows. A slim rounded focus outline encloses only the middle row. ONE small outlined cursor at the upper-right edge. Cut any lines under the cursor, leaving clear separation. NO pencil, pen, physical screen, or crossing edges."
+    },
+    {
+      "id": "section-rendering",
+      "light": "exec-e84262c1-6c70-4913-b3f6-2ea3cb94d730.png",
+      "dark": "exec-4cea25ef-816f-4890-be70-5d6ce193b9c1.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Rendering: ONE small transparent source sheet at left with two code strokes. One delicate gray branch line runs right into EXACTLY THREE separated small glass output tiles vertically spaced at the right. Lines stop cleanly at tile boundaries; no crossing through faces."
+    },
+    {
+      "id": "section-css-size",
+      "light": "exec-2c9e3387-8a79-4b5c-b312-413effcb9fc1.png",
+      "dark": "exec-09982881-eb05-46b2-a2bc-6586390dde5e.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: CSS size icon, NEW composition: on the LEFT, exactly FOUR separate short neutral gray horizontal line strokes, evenly spaced, with round caps. Each is a simple one-dimensional line only, NOT an outlined capsule, not a ribbon, not a closed shape. In the CENTER, ONE tiny fine gray right-pointing arrow. On the RIGHT, ONE small ultra-thin clear glass rounded diamond sheet with exactly TWO short gray code strokes. BELOW, ONE fine gray horizontal measuring line with exactly THREE tiny ticks. Nothing joins the four left strokes to one another or to the glass sheet; preserve clear whitespace between all components. No looping curves, tendrils, funnels, wide paths or filled bars. The fine strokes are as fine as the cursor outline in the style reference. Quiet, compact, horizontally balanced composition."
+    },
+    {
+      "id": "section-lint",
+      "light": "exec-144777d6-3d1a-48fe-ac33-1a5eb045a6e0.png",
+      "dark": "exec-53f8f06b-d449-41c1-b3c5-95f8d9e339d4.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Lint: ONE thin transparent isometric sheet with exactly THREE parallel code rows; a separate column of THREE tiny dark checkmarks to its right. Checks never touch or cross the sheet outline. No physical ruler."
+    },
+    {
+      "id": "section-ai-agents",
+      "light": "exec-1eff9a70-0373-4d0a-b14e-30245ac3a94b.png",
+      "dark": "exec-51403a92-9f84-4f08-b615-270078414b58.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: AI agents: THREE small transparent elliptical nodes arranged in a triangular loop; three thin gray gently curved arrows connect them without crossing nodes. A tiny circled check sits at the center. Abstract flat transparent discs, no physical spheres."
+    },
+    {
+      "id": "section-workflow",
+      "light": "exec-68a04756-bf0c-4383-8591-ad0bee1f0431.png",
+      "dark": "exec-4df657c3-91a9-4b38-83da-54513e79ac44.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Workflow: THREE thin small transparent rounded diamond stations in a staggered triangular sequence, each with one short gray stroke. Two gentle elbow arrows connect the stations with clear gaps before each edge. No furniture or machines."
+    },
+    {
+      "id": "design-theme-modes",
+      "light": "exec-92ccda08-ab7f-49a6-b8ef-3b445b20caf2.png",
+      "dark": "exec-6a589cb6-7046-457b-9251-2f65bfb58ec1.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Light and dark modes: ONE wide ultra-thin transparent rounded isometric sheet, subtly divided into two halves. A tiny understated outlined sun sits on one half, a tiny crescent on the other. Slightly deeper neutral tint in the moon half. Same sheet outline, no switch or hardware."
+    },
+    {
+      "id": "design-theme-tokens",
+      "light": "exec-4dcccafe-6549-4c90-9935-f01c9b6b74f6.png",
+      "dark": "exec-96410254-079b-485f-9d21-bfc3543a86ad.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Theme tokens: ONE small transparent diamond tile with a single center dot on the left. A delicate branching line connects to THREE distinct small property symbols at right: a circle, a rounded square, and an open rounded corner. All separate, carefully balanced, no labels.",
+      "refinementInstruction": "Replace the broad glass branching connector with a single fine neutral-gray line, one-quarter its current width. Keep the source diamond and three property endpoints exactly unchanged."
+    },
+    {
+      "id": "design-p3-gamut",
+      "light": "exec-a4fef2aa-7a01-495e-8875-38b92106e007.png",
+      "dark": "exec-907f7452-20c7-4e27-913f-99d840b0874c.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: P3 gamut: ONE thin transparent softly rounded asymmetric gamut contour, like a smooth compact horseshoe-shaped color-space boundary, seen slightly obliquely. A delicate smaller triangle sits within it with THREE tiny gray sample dots at its vertices. A fine L-shaped coordinate guide sits outside at bottom left. Absolutely monochrome, no rainbow or color wheel."
+    },
+    {
+      "id": "design-layout-motion",
+      "light": "exec-df170392-573a-469c-84cd-0d9f4b6efd85.png",
+      "dark": "exec-4e41a0bc-c283-4e1c-8b0d-ab270503c2cb.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Layout and motion: ONE thin transparent shallow-isometric rounded sheet carrying a very subtle three-by-three grid. One cell at the upper-right is vacant. ONE separate small glass cell floats above and right, connected by a single graceful fine curved arrow that ends before its edge. Grid lines terminate inside the sheet."
+    },
+    {
+      "id": "design-cascade-layers",
+      "light": "exec-c73f3471-5a58-4dc9-84e6-aeba899a816a.png",
+      "dark": "exec-4cba9240-db41-4cc0-b7cd-1d522d13eab9.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Cascade layers: EXACTLY FIVE ultra-thin transparent rounded diamond sheets stacked vertically with even visible gaps and a slight shallow isometric angle. Same size, no chunky extrusion. Subtle transmission and overlap shading distinguish all five. One small outlined inset rectangle on the top sheet. No extra layers."
+    },
+    {
+      "id": "editor-hover-inspection",
+      "light": "exec-3d62fb76-133b-471e-867d-2973dc4ec07d.png",
+      "dark": "exec-d9270c7a-656a-4eed-84e2-e4c75b1a0fe5.png",
+      "approvedPilotBrief": "Approved Hover inspection: two ultra-thin transparent code planes and an independent pointer, shallow isometric, subtle liquid glass on white."
+    },
+    {
+      "id": "editor-manifest-completions",
+      "light": "exec-3a225ecd-42ba-45b7-af71-64cd016201af.png",
+      "dark": "exec-f0eac1fe-bdec-454a-9254-1d601962e432.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Completions: THREE slim transparent rounded isometric ribbons, the upper input ribbon offset left and the two candidate ribbons below to the right. The input has a short gray code stroke and one tiny insertion caret. The selected middle candidate has a tiny check and one short stroke, the bottom candidate one faint stroke. ONE delicate elbow arrow leads from input toward selected row."
+    },
+    {
+      "id": "editor-focused-highlighting",
+      "light": "exec-c3b67a86-5993-4287-bed9-a50cfacf3b2a.png",
+      "dark": "exec-fb77c05b-d52f-4350-83f7-08f4386c86a6.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Focused highlighting: ONE thin transparent isometric rounded sheet with three parallel short code rows. A very fine rounded rectangular focus field encloses the center row; that row is slightly darker than its neighbors. No extra outer brackets, no cursor, no overlap artifacts."
+    },
+    {
+      "id": "editor-color-tools",
+      "light": "exec-83e417c9-c6f9-4f5d-8d56-71be055ff7fa.png",
+      "dark": "exec-e1c5d953-c286-4e8c-8f3b-73a89b86a4c4.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Color tools: ONE transparent rounded isometric coordinate sheet below-left with a faint L-shaped axis and ONE small ringed sample point. A small transparent elliptical sample disc floats above-right with one inner ring. ONE fine short tether joins them without running across the sample point. No pipette, pen or physical instrument. Monochrome."
+    },
+    {
+      "id": "render-static",
+      "light": "exec-037e3561-2179-4214-a2a4-b8ddb9b3d775.png",
+      "dark": "exec-c7475be3-fd48-4d07-ba69-857c7b748950.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Static rendering: THREE small transparent source fragments staggered above-left. ONE larger finished transparent isometric stylesheet below-right has exactly THREE parallel short code strokes. ONE fine elbow arrow leads from the fragment group to the sheet with a clean empty gap at each end."
+    },
+    {
+      "id": "render-progressive",
+      "light": "exec-81035d42-24de-4bf2-a325-4f01106830da.png",
+      "dark": "exec-684afb48-caef-48c2-ad1e-d18e89eb0bf3.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Progressive rendering: ONE broad transparent isometric rounded sheet at lower-left with THREE short gray code strokes. ONE small blank transparent fragment floats separately above-right, with a subtle curved elbow arrow indicating that it will join the sheet. Clear gaps, ultra-thin surfaces, no puzzle blocks."
+    },
+    {
+      "id": "render-runtime",
+      "light": "exec-9c2fb37d-fd62-4ae7-98aa-eece0c8c53f6.png",
+      "dark": "exec-2096fc6d-f170-4895-8413-9b09da09914c.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Runtime rendering: ONE thin transparent shallow-isometric browser plane with a subtle toolbar divider and THREE tiny neutral dots. TWO tiny transparent rule tiles sit well inside the content area, with two short code strokes below. ONE fine curved arrow above the plane suggests refreshing. No physical monitor.",
+      "refinementInstruction": "Replace the large thick glass refresh arrow above the browser sheet with one fine neutral-gray curved stroke and a small open arrowhead, about one-sixth of its present thickness. Keep the browser sheet and all internal marks exactly unchanged."
+    },
+    {
+      "id": "agent-check-preview-apply",
+      "light": "exec-4e575611-9cb9-458a-9fb3-2781cec4926d.png",
+      "dark": "exec-16323262-4d07-4cda-b65a-1cb9872a1c89.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Lint preview apply: THREE small thin transparent sheets diagonally staggered left-to-right. The first has ONE small check, the middle has a small minus and plus, the third has ONE check. Two subtle fine elbow arrows above the gaps connect the stages. No overlapping sheets or tangled arrows.",
+      "refinementInstruction": "Remove ALL large gray shadow or extrusion bands beneath the three sheets. Each sheet must be ultra-thin, almost zero depth, with just its fine contour and a tiny close contact shade. Reduce the two arrows to fine gray strokes, no glass body."
+    },
+    {
+      "id": "agent-clients",
+      "light": "exec-ff988c0e-34fc-4085-823c-6951e61c9b68.png",
+      "dark": "exec-b6258de7-41f8-4ff6-83b4-89baf6682e7c.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Agent clients: ONE transparent diamond hub with a small center dot. FOUR fine diagonal connector lines radiate to FOUR different small translucent endpoints: circle, rounded square, diamond, rounded open port. Clear gaps between endpoints and lines, balanced radial arrangement."
+    },
+    {
+      "id": "agent-project-tools",
+      "light": "exec-9b56cc11-b08f-4102-bc38-a4124b31f4d0.png",
+      "dark": "exec-1bdb4984-7beb-45a4-81ac-c336f3f79506.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Project tools: ONE slender transparent isometric rail below with THREE docking marks. THREE abstract tool symbols hover above on separate very fine stems: paired open brackets, a rounded diamond, and a slim rounded capsule with a central dash. Abstract interfaces, never physical screwdriver or tools."
+    },
+    {
+      "id": "workflow-integrations",
+      "light": "exec-f4f2dda7-be42-45a5-ae84-c302852cbe81.png",
+      "dark": "exec-4edf0072-bdd2-46fd-93ea-54dfaee24cd0.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Integrations: TWO ultra-thin transparent planar interlocking connectors face each other across a narrow clear gap, viewed at shallow isometric angle. Their complementary step-shaped edges imply compatibility, but do not touch or interpenetrate. One short gray line per panel and one subtle right arrow below. No thick puzzle blocks."
+    },
+    {
+      "id": "workflow-trace-change",
+      "light": "exec-fc9db751-2728-4312-b4c6-f6e23c90da83.png",
+      "dark": "exec-1fde0343-6e91-4e97-a10f-de9a291bb6d3.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Trace a change: ONE larger transparent circular source node at left with a tiny central dot and three short radial emphasis ticks. A fine branching path leads to THREE smaller circular transparent nodes stacked on the right. No line passes through node faces. Minimal abstract graph.",
+      "refinementInstruction": "Replace all THREE broad glass connecting ribbons with fine single neutral-gray branch lines, one-fifth of their present width. Keep the circular source and all three destination nodes exactly unchanged."
+    },
+    {
+      "id": "workflow-monorepo",
+      "light": "exec-30f69611-0310-43f7-bed0-8b3428c8c5ee.png",
+      "dark": "exec-a4b5f6fe-082c-4830-bd48-14b16ceb5d21.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Monorepo: ONE broad ultra-thin transparent shared base plane below. THREE separate smaller transparent project sheets float above it at three distinct positions, each carrying one short code stroke. Fine vertical guide stems connect each to the base with orderly layering and no solid boxes."
+    },
+    {
+      "id": "workflow-route-styles",
+      "light": "exec-2d9b01cf-d0b4-40e8-9cbc-8a68e3fb4085.png",
+      "dark": "exec-437f6d5e-6e13-4e00-9bca-840c09d647d5.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Route styles: ONE small transparent source sheet at upper-left with two tiny gray strokes. ONE fine vertical route line branches to TWO separate transparent output ribbons on the right, each with one gray stroke. Rounded bends and clean terminations before sheet edges.",
+      "refinementInstruction": "Replace the broad glass branching path with a fine single neutral-gray line, one-quarter of its current width. Stop each line just before the sheet boundary and remove the unwanted curved half-rings at the sheet junctions."
+    },
+    {
+      "id": "lint-invalid-classes",
+      "light": "exec-4807cdd8-4730-42a2-b8ec-f5f485d04c75.png",
+      "dark": "exec-a89e85d5-d656-4557-8b40-74f5cfcae0d8.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Invalid classes: TWO small separate transparent planar pieces, a narrow receiving opening at left and an incompatible wider class ribbon at right, a small gray cross above the ribbon. One tiny leftward arrow between them shows rejected entry. Simple abstract shape mismatch, no hardware."
+    },
+    {
+      "id": "lint-class-order",
+      "light": "exec-de3917d6-5d09-478e-9140-a491675ebb5f.png",
+      "dark": "exec-6258ea91-e4b7-4afb-a44a-b74f40a27986.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Class order: TWO columns of THREE softly rounded transparent narrow horizontal chips. Left column lengths are visibly out of sequence; right column lengths ascend evenly. ONE small fine right arrow between columns, no connecting lines through chips."
+    },
+    {
+      "id": "lint-conflicting-classes",
+      "light": "exec-79b78549-28c7-4e52-a3c9-f2cf292d5e81.png",
+      "dark": "exec-b7ff45ec-812d-440f-b159-65373194fb32.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Conflicting classes: TWO separate tiny transparent source chips at upper-left and lower-left. Their thin smooth paths converge toward ONE transparent destination tile at right containing a tiny exclamation mark. Paths meet cleanly before the destination and stop at its edge. No tangled crossings.",
+      "refinementInstruction": "Replace the TWO broad glass connecting ribbons with fine single neutral-gray curved paths, one-fifth their current width. They converge cleanly before the destination. Keep the three tiles and exclamation unchanged."
+    },
+    {
+      "id": "lint-strict-vocabulary",
+      "light": "exec-f087fa29-e479-43c7-8166-a00545e83780.png",
+      "dark": "exec-cddfbe2d-6566-4af1-b631-4896084e1a5c.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Strict vocabulary: ONE transparent thin plane at right has a small six-sided outlined aperture. ONE matching six-sided thin fragment sits separately to its left with a tiny entry arrow in the gap. A tiny circle and cross below-left denote a nonmatching alternative. Keep all shapes distinctly spaced."
+    },
+    {
+      "id": "lint-theme-tokens",
+      "light": "exec-1a4cd27e-68df-4971-be32-a3302dd7ba7d.png",
+      "dark": "exec-a3ff2fe2-ac3f-435f-b7f8-f0b2c89e7092.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Theme tokens: THREE short neutral raw-value strokes at left align toward ONE small transparent named-reference diamond at right with a center dot. A fine baseline with three tiny ticks below and one short vertical guide from the diamond. One tiny right arrow in the central gap.",
+      "refinementInstruction": "Replace the broad lower ruler and its stem with fine single neutral-gray lines and three tiny ticks, one-fifth their present width. Make the center arrow a fine gray outlined arrow, not a glass object. Keep the three input chips and reference diamond."
+    },
+    {
+      "id": "lint-fix-previews",
+      "light": "exec-b06863c6-1f3e-4d72-ae3c-30da1a59b987.png",
+      "dark": "exec-e0b87bbb-2598-427a-a41a-0eb5c06b48d2.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Fix previews: TWO ultra-thin transparent isometric sheets placed side-by-side with a generous clear gap and a faint vertical comparison guide between them. Each sheet has two short code strokes; left sheet one small minus, right sheet one small plus. No overlap, identical optical size."
+    },
+    {
+      "id": "mcp-scan-project",
+      "light": "exec-68dee781-2fe5-46db-8b30-d75eb8e7c92b.png",
+      "dark": "exec-81de13a0-988c-4d1f-a4de-6ceabb2e8b59.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Scan project: ONE transparent isometric source sheet with THREE short parallel gray code strokes, loosely enclosed by FOUR fine rounded capture corners. ONE fine horizontal scanning line passes across the middle, with tiny clear breaks in any code strokes it intersects so the scan remains legible. One tiny endpoint dot."
+    },
+    {
+      "id": "mcp-manifest-query",
+      "light": "exec-7d652e72-c5ab-4cb1-9c2c-6fe060068933.png",
+      "dark": "exec-78c610bb-27ac-4b28-9980-ae88a12115d5.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Manifest query: THREE thin transparent small index sheets staggered diagonally down-left, each with one tiny gray record stroke. A separate small delicate circular inspection lens sits lower-right with a short diagonal handle. Clear separation from the sheets, no drawer or thick object."
+    },
+    {
+      "id": "mcp-inspect-class",
+      "light": "exec-25fd3cbb-84a5-4a06-afd6-b02b52ec967b.png",
+      "dark": "exec-1e6fb14c-9547-4dfb-8e82-da6db7ab53c0.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Inspect class: ONE tiny transparent source ribbon lower-left with one gray stroke. A fine curved elbow arrow leads upward-right to ONE larger transparent inspection sheet with THREE short parallel strokes. Both sheets separated, no cursor."
+    },
+    {
+      "id": "mcp-trace-class",
+      "light": "exec-9cede468-f84f-40c4-9042-0b9568f95bcf.png",
+      "dark": "exec-181deecb-916a-4f59-a88b-40e6e030f59c.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Trace class: TWO transparent source and output sheets at upper-left and lower-right, each with TWO short code strokes. ONE continuous delicate gray elbow path joins them via a small open circular intermediate node in the center. The line is interrupted inside the node and before sheet edges."
+    },
+    {
+      "id": "mcp-render-css",
+      "light": "exec-c0f1e395-5768-46ba-9b52-2cc542c2674a.png",
+      "dark": "exec-0b81c155-6568-4306-8870-5783922f775b.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Render CSS: THREE tiny transparent rule fragments clustered upper-left. ONE fine elbow arrow guides them toward ONE larger transparent output sheet below-right with FOUR short orderly code strokes. Generous gaps, no solid funnel."
+    },
+    {
+      "id": "mcp-lint-project",
+      "light": "exec-44d2c7c8-bcec-4bc0-a2b2-1eeab649b261.png",
+      "dark": "exec-e9edc676-e6e6-48f3-b115-ec27a1542e19.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Lint project: THREE thin transparent source sheets staggered diagonally, each with TWO gray code strokes. ONE separate small circular check badge to the lower-right. Avoid overlap of badge and sheet edges; use restrained transparent layering in the sheet stack."
+    },
+    {
+      "id": "mcp-css-compare",
+      "light": "exec-054ed187-f85f-4869-9cca-647e0eb89c70.png",
+      "dark": "exec-4b8c4cfe-06df-4768-9cee-9ad0838f82af.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Compare CSS: TWO thin transparent isometric output sheets of equal size side by side with a clear central gap, each carrying THREE short gray code strokes. ONE fine double-ended horizontal comparison arrow below the sheets, separated from their outlines. No connecting bridge through the sheets."
+    },
+    {
+      "id": "mcp-preview-fixes",
+      "light": "exec-e452de8d-da7f-4f47-87b2-d7838554cb0a.png",
+      "dark": "exec-d447f396-8e3e-490e-ad84-8c10e51dfad1.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Preview fixes: ONE transparent isometric source sheet upper-left with TWO code strokes and two small separated minus and plus annotations below. ONE separate tiny outlined eye with central pupil sits lower-right. The eye must not collide with the sheet outline."
+    },
+    {
+      "id": "mcp-apply-preview",
+      "light": "exec-15077658-d1d8-4fca-84c1-586637ffeb76.png",
+      "dark": "exec-0c099fc0-7ee4-493d-85fa-a2c0428a2742.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: premium Master CSS homepage icon, transparent square, intended at 96 CSS pixels. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create a NEW distinct icon described below. Match its shallow isometric angle, ultra-thin nearly colorless liquid-glass planes, softly rounded corners, fine neutral gray outlines, tiny white edge glints, softly varying transparent faces and very restrained overlap shading. LIGHT UI variant for pure-white/zinc cards. Actual alpha transparency outside and through glass. Precise minimalist functional composition, centered optically, roughly 78–82% of canvas extent, generous margins. Code strokes are neutral gray. No text, letters, numbers, logos, bright colors, blue cast, rainbow, chunky extrusion, metallic bevel, bloom, opaque background or baked checkerboard. No crossing or intersecting geometry except deliberate transparent stacking. Subject: Apply preview: ONE broad transparent isometric target sheet below-left with THREE short gray code strokes. ONE small transparent fragment above-right contains a tiny check. A delicate curved elbow arrow points toward the target but ends before its edge. No overlapping arrowheads.",
+      "refinementInstruction": "Remove ALL large gray shadow or extrusion bands beneath both sheets. Keep their faces, geometry and marks unchanged. They must be ultra-thin, almost zero thickness, with fine contours and only tiny close overlap shade. Make the connecting arrow a fine gray stroke."
+    },
+    {
+      "id": "agent-edit-file",
+      "date": "2026-10-30",
+      "tool": "Built-in image_gen.imagegen",
+      "light": "exec-0ba04cdb-8309-443d-97ce-80338f58245c.png",
+      "dark": "exec-4ab823c8-2868-4db6-b751-6a2d3d2a8042.png",
+      "generationPrompt": "Use case: stylized-concept. Asset type: Master CSS homepage inline agent Edit tool icon, LIGHT UI variant, transparent square. The supplied image is STYLE AND MATERIAL REFERENCE ONLY, not the subject. Create one original edit-file icon matching its shallow oblique/isometric camera, ultra-thin almost colorless glass, softly rounded corners, fine neutral zinc-gray contours, subdued tiny edge glints and gentle translucent faces. Subject: ONE thin rounded glass document plane with TWO short quiet gray code strokes, and ONE slim graphite-gray pencil floating diagonally above its lower-right area, its tip pointing toward a separate short edit stroke. Keep the pencil silhouette simple and clearly recognizable when the entire image is only 40 CSS pixels. The pencil is in front: interrupt document contours and code strokes behind it rather than allowing them to run through it. No cursor, second document, arrows, checkmark, badge, letters, text, numbers or logos. Main visible form occupies 78–82% of square extent, optically centered. Light-UI material for white and pale-zinc cards. Real alpha transparency around and through glass. No background rectangle, baked checkerboard, broad cast shadows, blue cast, rainbow refraction, glow, thick extrusion, metallic bevels, chunky plastic or opaque white plates. Quiet and precise; match the reference's softness and visual weight.",
+      "darkLightingPrompt": "Use case: lighting-weather. Image 1 is the EDIT TARGET: new transparent Master CSS edit-file icon. Image 2 is the APPROVED DARK MATERIAL REFERENCE ONLY. Create the dark-UI lighting variant of Image 1 for a zinc-black #202023 card. STRICT: preserve Image 1's EXACT square canvas, geometry, document and pencil positions, sizes, perspective, two long code strokes and one short edit stroke, pencil silhouette and all transparent background. Change ONLY lighting and ink brightness. Match Image 2: nearly colorless transparent smoky glass, restrained soft gray luminance, delicate subdued white edge highlights and pale zinc-gray code strokes and pencil contours. Broad faces remain smoky/translucent, not opaque white plates. Preserve real alpha outside and through glass. Keep pencil in front and its tip clear of the short edit stroke. No background rectangle, checkerboard, added glow, broad shadows, thick rims, bevels, text, symbols, colors or blue cast. Never move or enlarge objects.",
+      "usage": "40px agent Edit row; two themed transparent WebP exports",
+      "export": {
+        "format": "WebP",
+        "size": [
+          384,
+          384
+        ],
+        "quality": 0.96,
+        "sharedCrop": {
+          "left": 2,
+          "top": 41,
+          "width": 1273,
+          "height": 1273
+        },
+        "alpha": "Preserved; bounds threshold used for crop only"
+      }
+    }
+  ]
+}

package/src/home/icons/artwork.css

@@ -0,0 +1,4 @@
+@layer components {
+  /* Neutralize the rendered glass's blue cast to sit with the site's zinc palette. */
+  .home-icon-artwork { filter: grayscale(1); }
+}

package/src/home/icons/artwork.ts

@@ -0,0 +1,131 @@
+import type { StaticImage } from '@master/internal-site/types/StaticImage'
+import artwork0Light from '@master/internal-site/home/icons/artwork/section-design-system-light.webp'
+import artwork0Dark from '@master/internal-site/home/icons/artwork/section-design-system-dark.webp'
+import artwork1Light from '@master/internal-site/home/icons/artwork/section-editor-light.webp'
+import artwork1Dark from '@master/internal-site/home/icons/artwork/section-editor-dark.webp'
+import artwork2Light from '@master/internal-site/home/icons/artwork/section-rendering-light.webp'
+import artwork2Dark from '@master/internal-site/home/icons/artwork/section-rendering-dark.webp'
+import artwork3Light from '@master/internal-site/home/icons/artwork/section-css-size-light.webp'
+import artwork3Dark from '@master/internal-site/home/icons/artwork/section-css-size-dark.webp'
+import artwork4Light from '@master/internal-site/home/icons/artwork/section-lint-light.webp'
+import artwork4Dark from '@master/internal-site/home/icons/artwork/section-lint-dark.webp'
+import artwork5Light from '@master/internal-site/home/icons/artwork/section-ai-agents-light.webp'
+import artwork5Dark from '@master/internal-site/home/icons/artwork/section-ai-agents-dark.webp'
+import artwork6Light from '@master/internal-site/home/icons/artwork/section-workflow-light.webp'
+import artwork6Dark from '@master/internal-site/home/icons/artwork/section-workflow-dark.webp'
+import artwork7Light from '@master/internal-site/home/icons/artwork/design-theme-modes-light.webp'
+import artwork7Dark from '@master/internal-site/home/icons/artwork/design-theme-modes-dark.webp'
+import artwork8Light from '@master/internal-site/home/icons/artwork/design-theme-tokens-light.webp'
+import artwork8Dark from '@master/internal-site/home/icons/artwork/design-theme-tokens-dark.webp'
+import artwork9Light from '@master/internal-site/home/icons/artwork/design-p3-gamut-light.webp'
+import artwork9Dark from '@master/internal-site/home/icons/artwork/design-p3-gamut-dark.webp'
+import artwork10Light from '@master/internal-site/home/icons/artwork/design-layout-motion-light.webp'
+import artwork10Dark from '@master/internal-site/home/icons/artwork/design-layout-motion-dark.webp'
+import artwork11Light from '@master/internal-site/home/icons/artwork/design-cascade-layers-light.webp'
+import artwork11Dark from '@master/internal-site/home/icons/artwork/design-cascade-layers-dark.webp'
+import artwork12Light from '@master/internal-site/home/icons/artwork/editor-hover-inspection-light.webp'
+import artwork12Dark from '@master/internal-site/home/icons/artwork/editor-hover-inspection-dark.webp'
+import artwork13Light from '@master/internal-site/home/icons/artwork/editor-manifest-completions-light.webp'
+import artwork13Dark from '@master/internal-site/home/icons/artwork/editor-manifest-completions-dark.webp'
+import artwork14Light from '@master/internal-site/home/icons/artwork/editor-focused-highlighting-light.webp'
+import artwork14Dark from '@master/internal-site/home/icons/artwork/editor-focused-highlighting-dark.webp'
+import artwork15Light from '@master/internal-site/home/icons/artwork/editor-color-tools-light.webp'
+import artwork15Dark from '@master/internal-site/home/icons/artwork/editor-color-tools-dark.webp'
+import artwork16Light from '@master/internal-site/home/icons/artwork/render-static-light.webp'
+import artwork16Dark from '@master/internal-site/home/icons/artwork/render-static-dark.webp'
+import artwork17Light from '@master/internal-site/home/icons/artwork/render-progressive-light.webp'
+import artwork17Dark from '@master/internal-site/home/icons/artwork/render-progressive-dark.webp'
+import artwork18Light from '@master/internal-site/home/icons/artwork/render-runtime-light.webp'
+import artwork18Dark from '@master/internal-site/home/icons/artwork/render-runtime-dark.webp'
+import artwork19Light from '@master/internal-site/home/icons/artwork/agent-check-preview-apply-light.webp'
+import artwork19Dark from '@master/internal-site/home/icons/artwork/agent-check-preview-apply-dark.webp'
+import artwork20Light from '@master/internal-site/home/icons/artwork/agent-clients-light.webp'
+import artwork20Dark from '@master/internal-site/home/icons/artwork/agent-clients-dark.webp'
+import artwork21Light from '@master/internal-site/home/icons/artwork/agent-project-tools-light.webp'
+import artwork21Dark from '@master/internal-site/home/icons/artwork/agent-project-tools-dark.webp'
+import artwork22Light from '@master/internal-site/home/icons/artwork/workflow-integrations-light.webp'
+import artwork22Dark from '@master/internal-site/home/icons/artwork/workflow-integrations-dark.webp'
+import artwork23Light from '@master/internal-site/home/icons/artwork/workflow-trace-change-light.webp'
+import artwork23Dark from '@master/internal-site/home/icons/artwork/workflow-trace-change-dark.webp'
+import artwork24Light from '@master/internal-site/home/icons/artwork/workflow-monorepo-light.webp'
+import artwork24Dark from '@master/internal-site/home/icons/artwork/workflow-monorepo-dark.webp'
+import artwork25Light from '@master/internal-site/home/icons/artwork/workflow-route-styles-light.webp'
+import artwork25Dark from '@master/internal-site/home/icons/artwork/workflow-route-styles-dark.webp'
+import artwork26Light from '@master/internal-site/home/icons/artwork/lint-invalid-classes-light.webp'
+import artwork26Dark from '@master/internal-site/home/icons/artwork/lint-invalid-classes-dark.webp'
+import artwork27Light from '@master/internal-site/home/icons/artwork/lint-class-order-light.webp'
+import artwork27Dark from '@master/internal-site/home/icons/artwork/lint-class-order-dark.webp'
+import artwork28Light from '@master/internal-site/home/icons/artwork/lint-conflicting-classes-light.webp'
+import artwork28Dark from '@master/internal-site/home/icons/artwork/lint-conflicting-classes-dark.webp'
+import artwork29Light from '@master/internal-site/home/icons/artwork/lint-strict-vocabulary-light.webp'
+import artwork29Dark from '@master/internal-site/home/icons/artwork/lint-strict-vocabulary-dark.webp'
+import artwork30Light from '@master/internal-site/home/icons/artwork/lint-theme-tokens-light.webp'
+import artwork30Dark from '@master/internal-site/home/icons/artwork/lint-theme-tokens-dark.webp'
+import artwork31Light from '@master/internal-site/home/icons/artwork/lint-fix-previews-light.webp'
+import artwork31Dark from '@master/internal-site/home/icons/artwork/lint-fix-previews-dark.webp'
+import artwork32Light from '@master/internal-site/home/icons/artwork/mcp-scan-project-light.webp'
+import artwork32Dark from '@master/internal-site/home/icons/artwork/mcp-scan-project-dark.webp'
+import artwork33Light from '@master/internal-site/home/icons/artwork/mcp-manifest-query-light.webp'
+import artwork33Dark from '@master/internal-site/home/icons/artwork/mcp-manifest-query-dark.webp'
+import artwork34Light from '@master/internal-site/home/icons/artwork/mcp-inspect-class-light.webp'
+import artwork34Dark from '@master/internal-site/home/icons/artwork/mcp-inspect-class-dark.webp'
+import artwork35Light from '@master/internal-site/home/icons/artwork/mcp-trace-class-light.webp'
+import artwork35Dark from '@master/internal-site/home/icons/artwork/mcp-trace-class-dark.webp'
+import artwork36Light from '@master/internal-site/home/icons/artwork/mcp-render-css-light.webp'
+import artwork36Dark from '@master/internal-site/home/icons/artwork/mcp-render-css-dark.webp'
+import artwork37Light from '@master/internal-site/home/icons/artwork/mcp-lint-project-light.webp'
+import artwork37Dark from '@master/internal-site/home/icons/artwork/mcp-lint-project-dark.webp'
+import artwork38Light from '@master/internal-site/home/icons/artwork/mcp-css-compare-light.webp'
+import artwork38Dark from '@master/internal-site/home/icons/artwork/mcp-css-compare-dark.webp'
+import artwork39Light from '@master/internal-site/home/icons/artwork/mcp-preview-fixes-light.webp'
+import artwork39Dark from '@master/internal-site/home/icons/artwork/mcp-preview-fixes-dark.webp'
+import artwork40Light from '@master/internal-site/home/icons/artwork/mcp-apply-preview-light.webp'
+import artwork40Dark from '@master/internal-site/home/icons/artwork/mcp-apply-preview-dark.webp'
+import agentEditFileLight from '@master/internal-site/home/icons/artwork/agent-edit-file-light.webp'
+import agentEditFileDark from '@master/internal-site/home/icons/artwork/agent-edit-file-dark.webp'
+
+/** Static 384px assets; each lighting pair shares its optical crop. */
+export const homeIconArtwork = {
+  'section-design-system': { light: artwork0Light, dark: artwork0Dark },
+  'section-editor': { light: artwork1Light, dark: artwork1Dark },
+  'section-rendering': { light: artwork2Light, dark: artwork2Dark },
+  'section-css-size': { light: artwork3Light, dark: artwork3Dark },
+  'section-lint': { light: artwork4Light, dark: artwork4Dark },
+  'section-ai-agents': { light: artwork5Light, dark: artwork5Dark },
+  'section-workflow': { light: artwork6Light, dark: artwork6Dark },
+  'design-theme-modes': { light: artwork7Light, dark: artwork7Dark },
+  'design-theme-tokens': { light: artwork8Light, dark: artwork8Dark },
+  'design-p3-gamut': { light: artwork9Light, dark: artwork9Dark },
+  'design-layout-motion': { light: artwork10Light, dark: artwork10Dark },
+  'design-cascade-layers': { light: artwork11Light, dark: artwork11Dark },
+  'editor-hover-inspection': { light: artwork12Light, dark: artwork12Dark },
+  'editor-manifest-completions': { light: artwork13Light, dark: artwork13Dark },
+  'editor-focused-highlighting': { light: artwork14Light, dark: artwork14Dark },
+  'editor-color-tools': { light: artwork15Light, dark: artwork15Dark },
+  'render-static': { light: artwork16Light, dark: artwork16Dark },
+  'render-progressive': { light: artwork17Light, dark: artwork17Dark },
+  'render-runtime': { light: artwork18Light, dark: artwork18Dark },
+  'agent-check-preview-apply': { light: artwork19Light, dark: artwork19Dark },
+  'agent-clients': { light: artwork20Light, dark: artwork20Dark },
+  'agent-project-tools': { light: artwork21Light, dark: artwork21Dark },
+  'workflow-integrations': { light: artwork22Light, dark: artwork22Dark },
+  'workflow-trace-change': { light: artwork23Light, dark: artwork23Dark },
+  'workflow-monorepo': { light: artwork24Light, dark: artwork24Dark },
+  'workflow-route-styles': { light: artwork25Light, dark: artwork25Dark },
+  'lint-invalid-classes': { light: artwork26Light, dark: artwork26Dark },
+  'lint-class-order': { light: artwork27Light, dark: artwork27Dark },
+  'lint-conflicting-classes': { light: artwork28Light, dark: artwork28Dark },
+  'lint-strict-vocabulary': { light: artwork29Light, dark: artwork29Dark },
+  'lint-theme-tokens': { light: artwork30Light, dark: artwork30Dark },
+  'lint-fix-previews': { light: artwork31Light, dark: artwork31Dark },
+  'mcp-scan-project': { light: artwork32Light, dark: artwork32Dark },
+  'mcp-manifest-query': { light: artwork33Light, dark: artwork33Dark },
+  'mcp-inspect-class': { light: artwork34Light, dark: artwork34Dark },
+  'mcp-trace-class': { light: artwork35Light, dark: artwork35Dark },
+  'mcp-render-css': { light: artwork36Light, dark: artwork36Dark },
+  'mcp-lint-project': { light: artwork37Light, dark: artwork37Dark },
+  'mcp-css-compare': { light: artwork38Light, dark: artwork38Dark },
+  'mcp-preview-fixes': { light: artwork39Light, dark: artwork39Dark },
+  'mcp-apply-preview': { light: artwork40Light, dark: artwork40Dark },
+  'agent-edit-file': { light: agentEditFileLight, dark: agentEditFileDark },
+} as const satisfies Record<string, { light: StaticImage, dark: StaticImage }>