Not in the top 1,000 by GitHub stars

justskill-ai/justskill-design

Design with your coding agent — A skill, not a product: no MCP server, no app to install, no account, no build step, no npm install.

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → 3e557c44b2a1

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 3e557c44b2a1787718cd6c30b8fc05019b12ee52

11GitHub stars
Not availablestars in 7 days
1skill in this repository
59commits in 30 days

Heat

Insufficient history

Not enough history yet to measure heat. It appears after a few days of data.

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Nov 1, 2026Nov 3, 202611

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

justskill-design

When your agent uses it

Design and edit web pages as a validated HTML file with inline CSS, then fine-tune them on a local canvas. Use this skill whenever the user wants to design, mock up, wireframe, redesign or restyle a web page, app screen, or mobile screen — a landing page, dashboard, settings page, pricing page, empty state, onboarding flow, or any layout built from frames, text, images and icons — or wants to change the spacing, colour, typography or layout of an existing design, turn a design into deliverables, or bring in a `.pen` file. Also use it when the user asks for a visual editor for pages, a design file, design tokens, or wants to review or adjust a design someone else drafted. Prefer this over writing page markup by hand: the file is validated, every change is reversible, and the user can adjust the result themselves on a canvas without editing code.

What it loads into context

Frontmatter

249 tokens

Always available to the agent

SKILL.md

4,088 tokens

When the skill is activated

Reference documents

71,097 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. The one rule
  2. The file
  3. The workflow
  4. Reading a receipt
  5. Reading a refusal
  6. What the format is, and is not
  7. The canvas
  8. Rules that save you a round trip
  9. Deliverables, and which need a browser
  10. Working with a `.pen` file

Scripts executed separately

  • canvas/app.mjs
  • canvas/groups.mjs
  • canvas/tree.mjs
  • design.mjs
  • evals/build-pen-fixture.mjs
  • evals/grade.mjs
  • evals/selftest/stub-cli.mjs
  • lib/base-css.mjs
  • lib/detect.mjs
  • lib/diagnostics.mjs
  • lib/export-html.mjs
  • lib/export-svg.mjs
  • lib/fragment.mjs
  • lib/geometry.mjs
  • lib/icons.mjs
  • lib/levenshtein.mjs
  • lib/node/cli.mjs
  • lib/node/export-svg.mjs
  • lib/node/fs.mjs
  • lib/node/op-json.mjs
  • lib/node/raster-run.mjs
  • lib/node/server.mjs
  • lib/node/static.mjs
  • lib/node/verbs/add.mjs
  • lib/node/verbs/export.mjs
  • lib/node/verbs/format.mjs
  • lib/node/verbs/import.mjs
  • lib/node/verbs/ls.mjs
  • lib/node/verbs/migrate.mjs
  • lib/node/verbs/move.mjs
  • lib/node/verbs/new.mjs
  • lib/node/verbs/remove.mjs
  • lib/node/verbs/rename.mjs
  • lib/node/verbs/serve.mjs
  • lib/node/verbs/set.mjs
  • lib/node/verbs/show.mjs
  • lib/node/verbs/tokens.mjs
  • lib/node/verbs/validate.mjs
  • lib/node/write-verbs.mjs
  • lib/normalize.mjs
  • lib/ops.mjs
  • lib/parse.mjs
  • lib/raster.mjs
  • lib/readers/pen.mjs
  • lib/receipt.mjs
  • lib/render.mjs
  • lib/serialize.mjs
  • lib/spans.mjs
  • lib/svg-path.mjs
  • lib/table.mjs
  • lib/tokens.mjs
  • lib/validate.mjs
  • package.json
  • scripts/check-images.mjs
  • scripts/gen-references.mjs
  • scripts/install.mjs
  • test/byte-fidelity.test.mjs
  • test/canvas-groups.test.mjs
  • test/canvas-tree.test.mjs
  • test/cli.test.mjs
  • test/contract.test.mjs
  • test/contrast.test.mjs
  • test/diagnostics.test.mjs
  • test/evals.test.mjs
  • test/export.test.mjs
  • test/fragment.test.mjs
  • test/geometry.test.mjs
  • test/icon-fragment.test.mjs
  • test/images.test.mjs
  • test/migrate.test.mjs
  • test/normalize.test.mjs
  • test/ops.test.mjs
  • test/pen-reader.test.mjs
  • test/purity.test.mjs
  • test/raster.test.mjs
  • test/references.test.mjs
  • test/rename.test.mjs
  • test/render.test.mjs
  • test/serve.test.mjs
  • test/skill-doc.test.mjs
  • test/spans.test.mjs
  • test/svg-path.test.mjs
  • test/table.test.mjs
  • test/tokens.test.mjs
  • test/validate.test.mjs
  • test/verbs.test.mjs
  • test/write-funnel.test.mjs

Files

  • .github/workflows/test.ymlasset431 bytes
  • .gitignoreasset82 bytes
  • LICENSEasset1,066 bytes
  • README.mddoc16,746 bytes
  • README.zh-CN.mddoc16,665 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • SKILL.mdcore15,888 bytes
  • canvas/app.mjsruns99,753 bytes
  • canvas/groups.mjsruns8,097 bytes
  • canvas/index.htmlasset5,248 bytes
  • canvas/styles.cssasset22,332 bytes
  • canvas/tree.mjsruns8,545 bytes
  • design.mjsruns5,682 bytes
  • docs/canvas-alarm.pngasset185,934 bytes
  • docs/canvas-miniprogram.pngasset250,324 bytes
  • docs/format-v3.mddoc33,198 bytes
  • docs/justskill-demo.gifasset3,353,155 bytes
  • docs/justskill-demo.mp4asset804,699 bytes
  • docs/plan-canvas-panels.mddoc23,769 bytes
  • docs/plan.mddoc43,864 bytes
  • docs/remediation.mddoc63,430 bytes
  • evals/build-pen-fixture.mjsruns12,914 bytes
  • evals/evals.jsonasset35,155 bytes
  • evals/grade.mjsruns24,931 bytes
  • evals/selftest/stub-cli.mjsruns9,019 bytes
  • evals/snippets/s01.htmlasset1,251 bytes
  • evals/snippets/s02.htmlasset818 bytes
  • evals/snippets/s03.htmlasset440 bytes
  • evals/snippets/s04.htmlasset451 bytes
  • evals/snippets/s05.htmlasset511 bytes
  • evals/snippets/s06.htmlasset397 bytes
  • evals/snippets/s07.htmlasset465 bytes
  • evals/snippets/s08.htmlasset426 bytes
  • evals/snippets/s09.htmlasset921 bytes
  • evals/snippets/s10.htmlasset530 bytes
  • evals/snippets/s11.htmlasset518 bytes
  • evals/snippets/s12.htmlasset692 bytes
  • evals/snippets/s13.htmlasset787 bytes
  • evals/snippets/s14.htmlasset675 bytes
  • evals/snippets/s15.htmlasset646 bytes
  • evals/snippets/s16.htmlasset1,231 bytes
  • evals/snippets/s17.htmlasset498 bytes
  • evals/snippets/s18.htmlasset618 bytes
  • evals/snippets/s19.htmlasset621 bytes
  • evals/snippets/s20.htmlasset598 bytes
  • evals/starter.htmlasset1,296 bytes
  • examples/alarm.htmlasset92,574 bytes
  • examples/design.htmlasset4,487 bytes
  • examples/miniprogram.htmlasset512,225 bytes
  • examples/miniprogram.penasset706,097 bytes
  • lib/base-css.mjsruns3,928 bytes
  • lib/detect.mjsruns3,674 bytes
  • lib/diagnostics.mjsruns13,992 bytes
  • lib/export-html.mjsruns13,033 bytes
  • lib/export-svg.mjsruns4,310 bytes
  • lib/fragment.mjsruns27,129 bytes
  • lib/geometry.mjsruns33,567 bytes
  • lib/icons.mjsruns12,957 bytes
  • lib/levenshtein.mjsruns4,345 bytes
  • lib/node/cli.mjsruns13,504 bytes
  • lib/node/export-svg.mjsruns2,889 bytes
  • lib/node/fs.mjsruns9,725 bytes
  • lib/node/op-json.mjsruns3,433 bytes
  • lib/node/raster-run.mjsruns4,319 bytes
  • lib/node/server.mjsruns42,686 bytes
  • lib/node/static.mjsruns8,132 bytes
  • lib/node/verbs/add.mjsruns9,466 bytes
  • lib/node/verbs/export.mjsruns5,373 bytes
  • lib/node/verbs/format.mjsruns3,918 bytes
  • lib/node/verbs/import.mjsruns5,393 bytes
  • lib/node/verbs/ls.mjsruns3,393 bytes
  • lib/node/verbs/migrate.mjsruns8,868 bytes
  • lib/node/verbs/move.mjsruns2,590 bytes
  • lib/node/verbs/new.mjsruns10,180 bytes
  • lib/node/verbs/remove.mjsruns1,368 bytes
  • lib/node/verbs/rename.mjsruns3,178 bytes
  • lib/node/verbs/serve.mjsruns5,661 bytes
  • lib/node/verbs/set.mjsruns6,020 bytes
  • lib/node/verbs/show.mjsruns4,682 bytes
  • lib/node/verbs/tokens.mjsruns7,021 bytes
  • lib/node/verbs/validate.mjsruns4,857 bytes
  • lib/node/write-verbs.mjsruns8,297 bytes
  • lib/normalize.mjsruns10,333 bytes
  • lib/ops.mjsruns77,924 bytes
  • lib/parse.mjsruns34,271 bytes
  • lib/raster.mjsruns7,239 bytes
  • lib/readers/pen.mjsruns76,193 bytes
  • lib/receipt.mjsruns7,893 bytes
  • lib/render.mjsruns20,174 bytes
  • lib/serialize.mjsruns17,827 bytes
  • lib/spans.mjsruns5,894 bytes
  • lib/svg-path.mjsruns17,249 bytes
  • lib/table.mjsruns35,943 bytes
  • lib/tokens.mjsruns12,213 bytes
  • lib/validate.mjsruns38,658 bytes
  • package.jsonruns577 bytes
  • references/cookbook.mddoc4,932 bytes
  • references/images.mddoc13,464 bytes
  • references/schema.mddoc3,270 bytes
  • references/styling.mddoc10,303 bytes
  • scripts/check-images.mjsruns1,709 bytes
  • scripts/gen-references.mjsruns20,283 bytes
  • scripts/install.mjsruns3,055 bytes
  • test/byte-fidelity.test.mjsruns17,228 bytes
  • test/canvas-groups.test.mjsruns6,940 bytes
  • test/canvas-tree.test.mjsruns13,865 bytes
  • test/cli.test.mjsruns16,652 bytes
  • test/contract.test.mjsruns11,308 bytes
  • test/contrast.test.mjsruns10,883 bytes
  • test/diagnostics.test.mjsruns10,905 bytes
  • test/evals.test.mjsruns15,739 bytes
  • test/export.test.mjsruns15,706 bytes
  • test/fixtures/html/README.mddoc5,866 bytes
  • test/fixtures/html/comments.htmlasset1,773 bytes
  • test/fixtures/html/crlf.htmlasset1,241 bytes
  • test/fixtures/html/data-uri.htmlasset1,459 bytes
  • test/fixtures/html/entities.htmlasset1,093 bytes
  • test/fixtures/html/quotes.htmlasset1,056 bytes
  • test/fixtures/html/simple.htmlasset1,218 bytes
  • test/fixtures/html/svg-icon.htmlasset1,722 bytes
  • test/fixtures/html/unknown-tag.htmlasset875 bytes
  • test/fixtures/real/open-design-components.htmlasset10,533 bytes
  • test/fixtures/real/pen-pages.htmlasset96,626 bytes
  • test/fragment.test.mjsruns20,965 bytes
  • test/geometry.test.mjsruns31,019 bytes
  • test/icon-fragment.test.mjsruns6,610 bytes
  • test/images.test.mjsruns3,783 bytes
  • test/migrate.test.mjsruns7,633 bytes
  • test/normalize.test.mjsruns7,635 bytes
  • test/ops.test.mjsruns51,108 bytes
  • test/pen-reader.test.mjsruns54,395 bytes
  • test/purity.test.mjsruns17,585 bytes
  • test/raster.test.mjsruns5,461 bytes
  • test/references.test.mjsruns4,048 bytes
  • test/rename.test.mjsruns6,952 bytes
  • test/render.test.mjsruns22,173 bytes
  • test/serve.test.mjsruns37,757 bytes
  • test/skill-doc.test.mjsruns3,646 bytes
  • test/spans.test.mjsruns4,871 bytes
  • test/svg-path.test.mjsruns8,939 bytes
  • test/table.test.mjsruns13,770 bytes
  • test/tokens.test.mjsruns15,725 bytes
  • test/validate.test.mjsruns27,282 bytes
  • test/verbs.test.mjsruns18,986 bytes
  • test/write-funnel.test.mjsruns14,407 bytes
Read SKILL.md

# justSkill

You write one HTML file with inline CSS. It is the design. This skill checks it,
lets you edit it one change at a time, and gives the user a canvas to drag.

Nothing installs, nothing logs in, no server runs in the background. Every
command is `node design.mjs <verb>`.

## The one rule

**The design file is the truth. Write it, do not rewrite it.**

- Write the file with `Write`. Give every element a `data-id` and a `data-type`.
- `format` rewrites a file into canonical form. Use it when a file came from
View the complete source on GitHub

Skills included

  • justskill-design

Repository facts

License
MIT
Created
Oct 8, 2026
Last pushed
Nov 4, 2026
Forks
1
Open issues
0
Project activity
Active

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 6, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 8 notes
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • examples/miniprogram.pen:10123 Analysis incomplete: regex work limit reached
Show all 695 signals by file

README.md

  • Network accessline 5
    [![tests](https://github.com/justskill-ai/justskill-design/actions/workflows/test.yml/badge.svg)](https://github.com/justskill-ai/justskill-design/actions/workflows/test.yml)
  • Network accessline 6
    [![license: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
  • Network accessline 25
    Run `npx skills use "https://github.com/justskill-ai/justskill-design" --skill "justskill-design"` and follow the generated skill instructions now.
  • Network accessline 288
    npx skills add "https://github.com/justskill-ai/justskill-design" --skill "justskill-design" -g -y
  • Network accessline 297
    git clone https://github.com/justskill-ai/justskill-design.git ~/Developer/justskill-design
  • Network accessline 320
    `test/fixtures/real/open-design-components.html` is a copy of a fixture from [OpenDesign](https://github.com/nexu-io/open-design) (Apache-2.0), kept as a
  • Network accessline 321
    [OpenDesign](https://github.com/nexu-io/open-design) (Apache-2.0), kept as a
  • Network accessline 324
    The photographs in `references/images.md` and `examples/miniprogram.pen` come from [Unsplash](https://unsplash.com) and are used under the
  • Network accessline 325
    from [Unsplash](https://unsplash.com) and are used under the
  • Network accessline 326
    [Unsplash License](https://unsplash.com/license).

README.zh-CN.md

  • Network accessline 5
    [![tests](https://github.com/justskill-ai/justskill-design/actions/workflows/test.yml/badge.svg)](https://github.com/justskill-ai/justskill-design/actions/workflows/test.yml)
  • Network accessline 6
    [![license: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE)
  • Network accessline 25
    Run `npx skills use "https://github.com/justskill-ai/justskill-design" --skill "justskill-design"` and follow the generated skill instructions now.
  • Network accessline 222
    npx skills add "https://github.com/justskill-ai/justskill-design" --skill "justskill-design" -g -y
  • Network accessline 230
    git clone https://github.com/justskill-ai/justskill-design.git ~/Developer/justskill-design
  • Network accessline 242
    `test/fixtures/real/open-design-components.html` 是 [OpenDesign](https://github.com/nexu-io/open-design)(Apache-2.0)里一个 fixture 的副本,保留作为真实世界的解析用例。
  • Network accessline 244
    `references/images.md` 里的照片和 `examples/miniprogram.pen` 来自 [Unsplash](https://unsplash.com),按 [Unsplash License](https://unsplash.com/license) 使用。

SKILL.md

  • Broad permissionsline 1
    Bash(node:*), Read, Write, Edit
  • Dangerous shell operationline 96
    node design.mjs tokens design.html rm space.xxl

canvas/app.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 55
    init.body = JSON.stringify(options.body);   }   const response = await fetch(url, init);
  • Network accessline 56
    }   const response = await fetch(url, init);   const type = response.headers.get("content-type") ?? "";
  • Network accessline 57
    const response = await fetch(url, init);

canvas/groups.mjs

  • Executable scriptline 1
    Executable file

canvas/tree.mjs

  • Executable scriptline 1
    Executable file

design.mjs

  • Executable scriptline 1
    #!/usr/bin/env node
  • Dangerous shell operationline 65
    tokens <file> ls | set <组.名> <值> | rm <组.名>

docs/plan.md

  • Dangerous shell operationline 397
    | `tokens` | 令牌增删改查 | `ls \| set <组.名> <值> \| rm <组.名>`。名字也可以写成文件里的 `--组-名`,那时要在 `--` 之后:`tokens f.html set -- --color-accent '#2563eb'` |

evals/build-pen-fixture.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

evals/grade.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

evals/selftest/stub-cli.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

examples/miniprogram.html

  • Network accessline 199
    </div> <div data-id="AtknD" data-type="frame" data-name="Content" style="display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:2px 16px 24px 16px;width:100%;flex-shrink:0"> <div data-id="p4GcZ0" data-type="frame" data-n
  • Network accessline 200
    <div data-id="AtknD" data-type="frame" data-name="Content" style="display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:2px 16px 24px 16px;width:100%;flex-shrink:0"> <div data-id="p4GcZ0" data-type="frame" data-name="Ca
  • Network accessline 201
    <div data-id="p4GcZ0" data-type="frame" data-name="Carousel" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:150px;flex-shrink:0;border-radius:20px;box-shadow:0 10px 28px #6b10351a
  • Network accessline 295
    <div data-id="KO0JQ" data-type="frame" data-name="Review/王女士" style="display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 0;width:100%;flex-shrink:0"> <div data-id="K9dXul" data-type="frame" data-name="Head" style=
  • Network accessline 296
    <div data-id="K9dXul" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;flex-shrink:0"> <div data-id="I2ICD" data-type="shape" data-kind="ellipse" data-name="Avatar" style="widt
  • Network accessline 297
    <div data-id="I2ICD" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:40px;height:40px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1633336144412-30c07bed9821?crop=entropy&amp;cs=tinysr
  • Network accessline 311
    <p data-id="q4bxRa" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。内容占位。</p> <div data-
  • Network accessline 312
    <div data-id="PDHRe" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="rHfhI" data-type="frame" data-name="Photo1" style="height:76px;min-widt
  • Network accessline 313
    <div data-id="rHfhI" data-type="frame" data-name="Photo1" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 314
    <div data-id="dEBzQ" data-type="frame" data-name="Photo2" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1696190288876-a2b40fcc63a9?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 315
    <div data-id="xmaiT" data-type="frame" data-name="Photo3" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1638732984528-f255c9714619?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 330
    <div data-id="lmfvT" data-type="frame" data-name="Review/李女士" style="display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 0;width:100%;flex-shrink:0"> <div data-id="oANDQ" data-type="frame" data-name="Head" style="
  • Network accessline 331
    <div data-id="oANDQ" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;flex-shrink:0"> <div data-id="G4NJZ" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width
  • Network accessline 332
    <div data-id="G4NJZ" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:40px;height:40px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1554190907-8bce2d9036c1?crop=entropy&amp;cs=tinysrgb&
  • Network accessline 346
    <p data-id="c5mApk" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。内容占位。</p> <div data-
  • Network accessline 347
    <div data-id="bIepY" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="yVLwj" data-type="frame" data-name="Photo1" style="height:76px;min-widt
  • Network accessline 348
    <div data-id="yVLwj" data-type="frame" data-name="Photo1" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1741852686035-eda158700bcf?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 349
    <div data-id="LjSSA" data-type="frame" data-name="Photo2" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1712280913999-a586c6361308?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 361
    <div data-id="AxBIm" data-type="frame" data-name="Review/陈女士" style="display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:14px 0;width:100%;flex-shrink:0"> <div data-id="a8kid5" data-type="frame" data-name="Head" style=
  • Network accessline 362
    <div data-id="a8kid5" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;flex-shrink:0"> <div data-id="PjaKN" data-type="shape" data-kind="ellipse" data-name="Avatar" style="widt
  • Network accessline 363
    <div data-id="PjaKN" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:40px;height:40px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1570290887796-27624be22a60?crop=entropy&amp;cs=tinysr
  • Network accessline 377
    <p data-id="R6k5da" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。</p> <div data-id="G
  • Network accessline 378
    <div data-id="Gv2VV" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="vnDIz" data-type="frame" data-name="Photo1" style="height:76px;min-widt
  • Network accessline 379
    <div data-id="vnDIz" data-type="frame" data-name="Photo1" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;background-image:url(&quot;https://images.unsplash.com/photo-1668545302657-851449add05d?crop=entropy&amp;cs=tinysrgb&amp
  • Network accessline 443
    <div data-id="J0gavP" data-type="frame" data-name="Nanny/张秀兰" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shado
  • Network accessline 444
    <div data-id="lXRwu" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="m7c7GR" data-type="frame" data-name="Portrait" style="width:96px;height:
  • Network accessline 445
    <div data-id="m7c7GR" data-type="frame" data-name="Portrait" style="width:96px;height:120px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1569832724830-0b4ab7b52ab2?crop=entrop
  • Network accessline 473
    </div> <div data-id="w9XIV" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="i1wCr" data-type="frame" data-name="Photo1" style="height:66px;m
  • Network accessline 474
    <div data-id="w9XIV" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="i1wCr" data-type="frame" data-name="Photo1" style="height:66px;min-widt
  • Network accessline 475
    <div data-id="i1wCr" data-type="frame" data-name="Photo1" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1635977358213-93a5a73d193b?crop=entropy&amp
  • Network accessline 476
    <div data-id="D82dKV" data-type="frame" data-name="Photo2" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1685466695371-9fa8510634d0?crop=entropy&am
  • Network accessline 477
    <div data-id="rNFA5" data-type="frame" data-name="Photo3" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1636282054377-38750e0dc146?crop=entropy&amp
  • Network accessline 492
    <div data-id="AHVeZ" data-type="frame" data-name="Nanny/陈美玲" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow
  • Network accessline 493
    <div data-id="AdaCW" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="VC3Lj" data-type="frame" data-name="Portrait" style="width:96px;height:1
  • Network accessline 494
    <div data-id="VC3Lj" data-type="frame" data-name="Portrait" style="width:96px;height:120px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1583606638441-b9c746100447?crop=entropy
  • Network accessline 522
    </div> <div data-id="FArhc" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="zdItO" data-type="frame" data-name="Photo1" style="height:66px;m
  • Network accessline 523
    <div data-id="FArhc" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="zdItO" data-type="frame" data-name="Photo1" style="height:66px;min-widt
  • Network accessline 524
    <div data-id="zdItO" data-type="frame" data-name="Photo1" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1717683823358-184918b129a0?crop=entropy&amp
  • Network accessline 525
    <div data-id="ctOGU" data-type="frame" data-name="Photo2" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1612441822281-778c7b2d4f38?crop=entropy&amp
  • Network accessline 526
    <div data-id="zqhx9" data-type="frame" data-name="Photo3" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1699536098555-5d92b5fd5728?crop=entropy&amp
  • Network accessline 541
    <div data-id="ONdci" data-type="frame" data-name="Nanny/李桂香" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow
  • Network accessline 542
    <div data-id="wUErx" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="h3o7Z1" data-type="frame" data-name="Portrait" style="width:96px;height:
  • Network accessline 543
    <div data-id="h3o7Z1" data-type="frame" data-name="Portrait" style="width:96px;height:120px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1491838592561-ab572ec2d2cb?crop=entrop
  • Network accessline 571
    </div> <div data-id="T1oJno" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="tyiKB" data-type="frame" data-name="Photo1" style="height:66px;
  • Network accessline 572
    <div data-id="T1oJno" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="tyiKB" data-type="frame" data-name="Photo1" style="height:66px;min-wid
  • Network accessline 573
    <div data-id="tyiKB" data-type="frame" data-name="Photo1" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1414115880398-afebc3d95efc?crop=entropy&amp
  • Network accessline 574
    <div data-id="Z2lW23" data-type="frame" data-name="Photo2" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1757438059139-a10d805ea13e?crop=entropy&am
  • Network accessline 575
    <div data-id="kITlT" data-type="frame" data-name="Photo3" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1606313695934-9f1e08d020d5?crop=entropy&amp
  • Network accessline 590
    <div data-id="bNwAD" data-type="frame" data-name="Nanny/王翠华" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow
  • Network accessline 591
    <div data-id="v3SFi" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="dxPiN" data-type="frame" data-name="Portrait" style="width:96px;height:1
  • Network accessline 592
    <div data-id="dxPiN" data-type="frame" data-name="Portrait" style="width:96px;height:120px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1704653942165-cab0de6bce51?crop=entropy
  • Network accessline 620
    </div> <div data-id="koOGc" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="powkN" data-type="frame" data-name="Photo1" style="height:66px;m
  • Network accessline 621
    <div data-id="koOGc" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="powkN" data-type="frame" data-name="Photo1" style="height:66px;min-widt
  • Network accessline 622
    <div data-id="powkN" data-type="frame" data-name="Photo1" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1656833232728-c017b87fef45?crop=entropy&amp
  • Network accessline 623
    <div data-id="U2cfMo" data-type="frame" data-name="Photo2" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1554113879-aa9d0f0d3cc0?crop=entropy&amp;c
  • Network accessline 624
    <div data-id="KLSQD" data-type="frame" data-name="Photo3" style="height:66px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1637045713939-321b2bc8ed88?crop=entropy&amp
  • Network accessline 656
    </section>   <section data-id="VyITi" data-type="page" data-canvas="1520,0" data-name="页面三" style="display:flex;flex-direction:column;align-items:flex-start;width:375px;flex-shrink:0;background-color:var(--color-v2-bg);overflow:hidden"> <di
  • Network accessline 657
    <section data-id="VyITi" data-type="page" data-canvas="1520,0" data-name="页面三" style="display:flex;flex-direction:column;align-items:flex-start;width:375px;flex-shrink:0;background-color:var(--color-v2-bg);overflow:hidden"> <div data-id="Cu
  • Network accessline 658
    <div data-id="CuDIg" data-type="frame" data-name="Gallery" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:46px 12px 12px 12px;width:100%;height:300px;flex-shrink:0;overflow:hidden;back
  • Network accessline 905
    <div data-id="MHENF" data-type="frame" data-name="Review/王女士" style="display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 0;width:100%;flex-shrink:0"> <div data-id="hLdap" data-type="frame" data-name="Head" style="
  • Network accessline 906
    <div data-id="hLdap" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;flex-shrink:0"> <div data-id="c2td8" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width
  • Network accessline 907
    <div data-id="c2td8" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:40px;height:40px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1584127638011-26def3e4cd08?crop=entropy&amp;cs=tinysr
  • Network accessline 922
    <p data-id="ciOQF" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。替换后保持中性通用,</p> <div d
  • Network accessline 923
    <div data-id="nsGcq" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="N3Fvxn" data-type="frame" data-name="Photo1" style="height:76px;min-wid
  • Network accessline 924
    <div data-id="N3Fvxn" data-type="frame" data-name="Photo1" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1733208660897-9749f2ff776b?crop=entropy&am
  • Network accessline 925
    <div data-id="N5Cp4P" data-type="frame" data-name="Photo2" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1533083301437-4251664d2cb7?crop=entropy&am
  • Network accessline 926
    <div data-id="Z1fjU" data-type="frame" data-name="Photo3" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1634729609140-3e85436f17d2?crop=entropy&amp
  • Network accessline 930
    <div data-id="ll9L2" data-type="frame" data-name="Review/刘女士" style="display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:13px 0;width:100%;flex-shrink:0"> <div data-id="p5urC" data-type="frame" data-name="Head" style="
  • Network accessline 931
    <div data-id="p5urC" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;flex-shrink:0"> <div data-id="Ziknl" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width
  • Network accessline 932
    <div data-id="Ziknl" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:40px;height:40px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1714544047757-89462703581e?crop=entropy&amp;cs=tinysr
  • Network accessline 947
    <p data-id="C0OcU" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:13px;font-weight:400;line-height:1.6;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。内容占位。</p> <div data-i
  • Network accessline 948
    <div data-id="exnjP" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="j2gmnS" data-type="frame" data-name="Photo1" style="height:76px;min-wid
  • Network accessline 949
    <div data-id="j2gmnS" data-type="frame" data-name="Photo1" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1422837284172-a925ac273aa9?crop=entropy&am
  • Network accessline 950
    <div data-id="j5YkrJ" data-type="frame" data-name="Photo2" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1707236127413-c31a91ccd37e?crop=entropy&am
  • Network accessline 951
    <div data-id="izs6Z" data-type="frame" data-name="Photo3" style="height:76px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1666608561767-2bcaaf1e2ec4?crop=entropy&amp
  • Network accessline 1539
    <p data-id="v8VMo5" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">说明文字占位</p> <div data-id="BwdOS" data-type="frame" data-name="Photos" 
  • Network accessline 1540
    <div data-id="BwdOS" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:10px;width:100%;flex-shrink:0"> <div data-id="i9hIsU" data-type="frame" data-name="Photo" style="height:96px;min-wid
  • Network accessline 1541
    <div data-id="i9hIsU" data-type="frame" data-name="Photo" style="height:96px;min-width:0;flex:1 1 0%;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1504596274545-5c136d4338f2?crop=entropy&amp
  • Network accessline 1542
    <div data-id="muOU0" data-type="frame" data-name="Photo" style="height:96px;min-width:0;flex:1 1 0%;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1667666670896-1686605f31dd?crop=entropy&amp;
  • Network accessline 1622
    <p data-id="Gn7da" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">标题文字</p> <div data-id="J33UQ" data-type="frame" data-name="Photos" sty
  • Network accessline 1623
    <div data-id="J33UQ" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="b1fDG9" data-type="frame" data-name="Photo" style="height:72px;min-widt
  • Network accessline 1624
    <div data-id="b1fDG9" data-type="frame" data-name="Photo" style="height:72px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1610127685758-002974138232?crop=entropy&amp
  • Network accessline 1625
    <div data-id="pFvzA" data-type="frame" data-name="Photo" style="height:72px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1592025355835-a0a9699ae774?crop=entropy&amp;
  • Network accessline 1626
    <div data-id="BvnLX" data-type="frame" data-name="Photo" style="height:72px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1634351355990-b177bd6d8288?crop=entropy&amp;
  • Network accessline 1628
    </div> <div data-id="hkDnC" data-type="frame" data-name="MentorCard" style="display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shado
  • Network accessline 1629
    <div data-id="hkDnC" data-type="frame" data-name="MentorCard" style="display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow:0 10p
  • Network accessline 1630
    <div data-id="qKr8Q" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:48px;height:48px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1552301726-fba9cdb27083?crop=entropy&amp;cs=tinysrgb&
  • Network accessline 1668
    <p data-id="y0ib4" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-sans);font-size:14px;font-weight:600;color:var(--color-v2-ink)">月度记录-2026-07-07</p> <div data-id="n4iwpG" data-type="frame" data-name="
  • Network accessline 1669
    <div data-id="n4iwpG" data-type="frame" data-name="Examiner" style="display:flex;flex-direction:row;align-items:center;gap:5px;flex-shrink:0"> <div data-id="IB3PK" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;h
  • Network accessline 1670
    <div data-id="IB3PK" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;height:18px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1726486061288-783c5cad8090?crop=entropy&amp;cs=tinysr
  • Network accessline 1695
    <p data-id="wVTkO" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-sans);font-size:14px;font-weight:600;color:var(--color-v2-ink)">月度记录-2026-01-08</p> <div data-id="T0d0bA" data-type="frame" data-name="
  • Network accessline 1696
    <div data-id="T0d0bA" data-type="frame" data-name="Examiner" style="display:flex;flex-direction:row;align-items:center;gap:5px;flex-shrink:0"> <div data-id="vCDhb" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;h
  • Network accessline 1697
    <div data-id="vCDhb" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;height:18px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1671098548673-2354ec6e441a?crop=entropy&amp;cs=tinysr
  • Network accessline 1722
    <p data-id="xioMd" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-sans);font-size:14px;font-weight:600;color:var(--color-v2-ink)">月度记录-2026-06-21</p> <div data-id="RIZOh" data-type="frame" data-name="E
  • Network accessline 1723
    <div data-id="RIZOh" data-type="frame" data-name="Examiner" style="display:flex;flex-direction:row;align-items:center;gap:5px;flex-shrink:0"> <div data-id="JVDcN" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;he
  • Network accessline 1724
    <div data-id="JVDcN" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:18px;height:18px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1603336693118-bc113ee7a5d8?crop=entropy&amp;cs=tinysr
  • Network accessline 1829
    </div> <div data-id="aKIwC" data-type="frame" data-name="Header" style="display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 20px 20px 20px;width:100%;flex-shrink:0"> <div data-id="z6CE9K" data-type="shape" data-kind="el
  • Network accessline 1830
    <div data-id="aKIwC" data-type="frame" data-name="Header" style="display:flex;flex-direction:row;align-items:center;gap:14px;padding:14px 20px 20px 20px;width:100%;flex-shrink:0"> <div data-id="z6CE9K" data-type="shape" data-kind="ellipse" 
  • Network accessline 1831
    <div data-id="z6CE9K" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:64px;height:64px;border:3px solid #ffffff;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1548199379-65b01a23c15b?cro
  • Network accessline 1916
    <div data-id="lj4gI" data-type="frame" data-name="Row/头像" style="display:flex;flex-direction:row;align-items:center;padding:14px 0;width:100%;flex-shrink:0"> <p data-id="yeAWL" data-type="text" data-name="Label" style="width:fit-content;fon
  • Network accessline 1917
    <p data-id="yeAWL" data-type="text" data-name="Label" style="width:fit-content;font-family:var(--font-v2-sans);font-size:14px;font-weight:400;color:var(--color-v2-ink)">头像</p> <div data-id="dmJBZ" data-type="shape" data-kind="ellipse" data-
  • Network accessline 1918
    <div data-id="dmJBZ" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:44px;height:44px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1670445260691-2f8a4a64111f?crop=entropy&amp;cs=tinysr
  • Network accessline 1967
    <div data-id="n0CUo" data-type="frame" data-name="Contract/张秀兰" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-sha
  • Network accessline 1968
    <div data-id="V0Wzi" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-shrink:0"> <div data-id="j44P8P" data-type="shape" data-kind="ellipse" data-name="Avatar" style="widt
  • Network accessline 1969
    <div data-id="j44P8P" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:48px;height:48px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1631708939223-16c347be9462?crop=entropy&amp;cs=tinys
  • Network accessline 1987
    <div data-id="J49ie" data-type="frame" data-name="Contract/陈美玲" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-sha
  • Network accessline 1988
    <div data-id="oRREC" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-shrink:0"> <div data-id="OxNbO" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width
  • Network accessline 1989
    <div data-id="OxNbO" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:48px;height:48px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1750363890360-2fc2f5136187?crop=entropy&amp;cs=tinysr
  • Network accessline 2006
    <div data-id="IzXHG" data-type="frame" data-name="Contract/李桂香" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-sha
  • Network accessline 2007
    <div data-id="F8j3jV" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-shrink:0"> <div data-id="gaOXs" data-type="shape" data-kind="ellipse" data-name="Avatar" style="widt
  • Network accessline 2008
    <div data-id="gaOXs" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:48px;height:48px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1699786023101-2181d624d234?crop=entropy&amp;cs=tinysr
  • Network accessline 2052
    <div data-id="a7xYOT" data-type="frame" data-name="Content" style="display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:8px 16px 28px 16px;width:100%;flex-shrink:0"> <div data-id="G1jyuf" data-type="frame" data-name="N
  • Network accessline 2053
    <div data-id="G1jyuf" data-type="frame" data-name="NannyCard" style="display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow:0 10p
  • Network accessline 2054
    <div data-id="QmMgy" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:52px;height:52px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1650894464506-420f247c7be0?crop=entropy&amp;cs=tinysr
  • Network accessline 2089
    <p data-id="tWsbv" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">说明内容</p> <div data-id="Z8gaH3" data-type="frame" data-name="Seg/张秀兰09-
  • Network accessline 2090
    <div data-id="Z8gaH3" data-type="frame" data-name="Seg/张秀兰09-01 至 09-07 · 7 天" style="display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="cRwjJ" data-type="shape" data-kind="el
  • Network accessline 2091
    <div data-id="cRwjJ" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:30px;height:30px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1643400988715-6a42d42c1b86?crop=entropy&amp;cs=tinysr
  • Network accessline 2096
    </div> <div data-id="mYQ5A" data-type="frame" data-name="Seg/李桂香09-08 至 09-19 · 12 天" style="display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="PDPqo" data-type="shape" data-k
  • Network accessline 2097
    <div data-id="mYQ5A" data-type="frame" data-name="Seg/李桂香09-08 至 09-19 · 12 天" style="display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="PDPqo" data-type="shape" data-kind="el
  • Network accessline 2098
    <div data-id="PDPqo" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:30px;height:30px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1674005619701-285543ad3a40?crop=entropy&amp;cs=tinysr
  • Network accessline 2106
    </div> <div data-id="PywHv" data-type="frame" data-name="Seg/张秀兰09-20 至 09-26 · 7 天" style="display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="GeKF0" data-type="shape" data-ki
  • Network accessline 2107
    <div data-id="PywHv" data-type="frame" data-name="Seg/张秀兰09-20 至 09-26 · 7 天" style="display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="GeKF0" data-type="shape" data-kind="ell
  • Network accessline 2108
    <div data-id="GeKF0" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:30px;height:30px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1644560781436-df5e5208bc13?crop=entropy&amp;cs=tinysr
  • Network accessline 2170
    <div data-id="InKjp" data-type="frame" data-name="ReviewCard" style="display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shado
  • Network accessline 2171
    <div data-id="SoUUM" data-type="frame" data-name="Head" style="display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-shrink:0"> <div data-id="ITXD6" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width
  • Network accessline 2172
    <div data-id="ITXD6" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:48px;height:48px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1716746023060-d6dc0b1dcbb2?crop=entropy&amp;cs=tinysr
  • Network accessline 2186
    <p data-id="Xzpy6" data-type="text" data-name="Content" style="width:fit-content;font-family:var(--font-v2-sans);font-size:14px;font-weight:400;line-height:1.7;color:var(--color-v2-ink)">这是一段说明文字,内容占位。以上为示例说明。不包含任何具体信息。替换后保持中性通用,保持与原段落相同的排版
  • Network accessline 2187
    <div data-id="V3a40" data-type="frame" data-name="Photos" style="display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%;flex-shrink:0"> <div data-id="BZlkb" data-type="frame" data-name="Photo" style="height:96px;min-width
  • Network accessline 2188
    <div data-id="BZlkb" data-type="frame" data-name="Photo" style="height:96px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1751609457741-16f8d657fc8e?crop=entropy&amp;
  • Network accessline 2189
    <div data-id="gCSA7" data-type="frame" data-name="Photo" style="height:96px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1645115074180-03049a455a07?crop=entropy&amp;
  • Network accessline 2190
    <div data-id="rSMcb" data-type="frame" data-name="Photo" style="height:96px;min-width:0;flex:1 1 0%;border-radius:10px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1609666790939-01d31de28fba?crop=entropy&amp;
  • Network accessline 2209
    <div data-id="eTt31" data-type="frame" data-name="Likers" style="display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0"> <div data-id="Oh06o" data-type="frame" data-name="Stack" style="position:relative;width:76px;height:
  • Network accessline 2210
    <div data-id="Oh06o" data-type="frame" data-name="Stack" style="position:relative;width:76px;height:26px;flex-shrink:0"> <div data-id="mBfYC" data-type="shape" data-kind="ellipse" data-name="Liker1" style="position:absolute;left:0;top:0;wid
  • Network accessline 2211
    <div data-id="mBfYC" data-type="shape" data-kind="ellipse" data-name="Liker1" style="position:absolute;left:0;top:0;width:26px;height:26px;border:2px solid #ffffff;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/pho
  • Network accessline 2212
    <div data-id="T2biun" data-type="shape" data-kind="ellipse" data-name="Liker2" style="position:absolute;left:17px;top:0;width:26px;height:26px;border:2px solid #ffffff;border-radius:50%;background-image:url(&quot;https://images.unsplash.com
  • Network accessline 2213
    <div data-id="AiGSj" data-type="shape" data-kind="ellipse" data-name="Liker3" style="position:absolute;left:34px;top:0;width:26px;height:26px;border:2px solid #ffffff;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/
  • Network accessline 2214
    <div data-id="EmtJo" data-type="shape" data-kind="ellipse" data-name="Liker4" style="position:absolute;left:51px;top:0;width:26px;height:26px;border:2px solid #ffffff;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/
  • Network accessline 2259
    <div data-id="ZBq5V" data-type="frame" data-name="NannyCard" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow
  • Network accessline 2260
    <div data-id="D3jmx" data-type="frame" data-name="Row" style="display:flex;flex-direction:row;align-items:center;gap:12px;width:100%;flex-shrink:0"> <div data-id="vd4U5" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:
  • Network accessline 2261
    <div data-id="vd4U5" data-type="shape" data-kind="ellipse" data-name="Avatar" style="width:52px;height:52px;border-radius:50%;background-image:url(&quot;https://images.unsplash.com/photo-1456231148835-214082199cd2?crop=entropy&amp;cs=tinysr
  • Network accessline 2415
    </div> </div> <div data-id="T1oue5" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quo
  • Network accessline 2416
    </div> <div data-id="T1oue5" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https
  • Network accessline 2417
    <div data-id="T1oue5" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://imag
  • Network accessline 2443
    <p data-id="D4xTKq" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">办公地点</p> <div data-id="inHGY" data-type="frame" data-name="Media/上海 ·
  • Network accessline 2444
    <div data-id="inHGY" data-type="frame" data-name="Media/上海 · 徐汇旗舰店" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="HGX9B" data-type="frame" data-name="Photo" st
  • Network accessline 2445
    <div data-id="HGX9B" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1635776033895-080207b89a06?crop=entropy&am
  • Network accessline 2474
    </div> </div> <div data-id="m7vl2" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot
  • Network accessline 2475
    </div> <div data-id="m7vl2" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https:
  • Network accessline 2476
    <div data-id="m7vl2" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://image
  • Network accessline 2541
    </div> </div> <div data-id="R46QC1" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quo
  • Network accessline 2542
    </div> <div data-id="R46QC1" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https
  • Network accessline 2543
    <div data-id="R46QC1" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://imag
  • Network accessline 2614
    </div> </div> <div data-id="xceoG" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot
  • Network accessline 2615
    </div> <div data-id="xceoG" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https:
  • Network accessline 2616
    <div data-id="xceoG" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://image
  • Network accessline 2669
    <p data-id="dNcQZ" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">凭证</p> <div data-id="qtMsn" data-type="frame" data-name="Media/保险合作协议"
  • Network accessline 2670
    <div data-id="qtMsn" data-type="frame" data-name="Media/保险合作协议" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="s3O27q" data-type="frame" data-name="Photo" style
  • Network accessline 2671
    <div data-id="s3O27q" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1598616061259-d414a04afa6a?crop=entropy&a
  • Network accessline 2700
    </div> </div> <div data-id="xF65l" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot
  • Network accessline 2701
    </div> <div data-id="xF65l" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https:
  • Network accessline 2702
    <div data-id="xF65l" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://image
  • Network accessline 2714
    <p data-id="ZjP4E" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">介绍文字</p> <div data-id="N5fqG6" data-type="frame" data-name="Media/门店前台
  • Network accessline 2715
    <div data-id="N5fqG6" data-type="frame" data-name="Media/门店前台" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="dmzIZ" data-type="frame" data-name="Photo" style="
  • Network accessline 2716
    <div data-id="dmzIZ" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1621290102989-e9865bef2dcf?crop=entropy&am
  • Network accessline 2721
    </div> <div data-id="fLhaj" data-type="frame" data-name="Media/培训教室" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="lL6AV" data-type="frame" data-name="Photo" s
  • Network accessline 2722
    <div data-id="fLhaj" data-type="frame" data-name="Media/培训教室" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="lL6AV" data-type="frame" data-name="Photo" style="w
  • Network accessline 2723
    <div data-id="lL6AV" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1785612482874-5e41b197a218?crop=entropy&am
  • Network accessline 2728
    </div> <div data-id="ehdKM" data-type="frame" data-name="Media/休息洽谈区" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="k7hR5" data-type="frame" data-name="Photo" 
  • Network accessline 2729
    <div data-id="ehdKM" data-type="frame" data-name="Media/休息洽谈区" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="k7hR5" data-type="frame" data-name="Photo" style="
  • Network accessline 2730
    <div data-id="k7hR5" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1654087201135-68f625556a5d?crop=entropy&am
  • Network accessline 2759
    </div> </div> <div data-id="S6gw8L" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quo
  • Network accessline 2760
    </div> <div data-id="S6gw8L" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https
  • Network accessline 2761
    <div data-id="S6gw8L" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://imag
  • Network accessline 2773
    <p data-id="EXXUP" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">状态说明</p> <div data-id="tgviM" data-type="frame" data-name="Media/实操课堂"
  • Network accessline 2774
    <div data-id="tgviM" data-type="frame" data-name="Media/实操课堂" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="VD3kh" data-type="frame" data-name="Photo" style="w
  • Network accessline 2775
    <div data-id="VD3kh" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1635186815014-e4a03bade26b?crop=entropy&am
  • Network accessline 2780
    </div> <div data-id="f0hNt" data-type="frame" data-name="Media/月子餐实训" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="O7Gz0H" data-type="frame" data-name="Photo"
  • Network accessline 2781
    <div data-id="f0hNt" data-type="frame" data-name="Media/月子餐实训" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="O7Gz0H" data-type="frame" data-name="Photo" style=
  • Network accessline 2782
    <div data-id="O7Gz0H" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1543188448-374b95f2e169?crop=entropy&amp;
  • Network accessline 2815
    </div> </div> <div data-id="xnYGS" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot
  • Network accessline 2816
    </div> <div data-id="xnYGS" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https:
  • Network accessline 2817
    <div data-id="xnYGS" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://image
  • Network accessline 2849
    <p data-id="XvMKk" data-type="text" data-name="Title" style="width:fit-content;font-family:var(--font-v2-serif);font-size:16px;font-weight:600;color:var(--color-v2-ink)">标题文字</p> <div data-id="uQ6EW" data-type="frame" data-name="Media/张秀兰 ·
  • Network accessline 2850
    <div data-id="uQ6EW" data-type="frame" data-name="Media/张秀兰 · 皇冠月嫂" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="wDrNF" data-type="frame" data-name="Photo" st
  • Network accessline 2851
    <div data-id="wDrNF" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1648271824454-649a22877405?crop=entropy&am
  • Network accessline 2856
    </div> <div data-id="TujuP" data-type="frame" data-name="Media/李桂香 · 金牌月嫂" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="rAgH9" data-type="frame" data-name="Ph
  • Network accessline 2857
    <div data-id="TujuP" data-type="frame" data-name="Media/李桂香 · 金牌月嫂" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;padding:10px 0;width:100%;flex-shrink:0"> <div data-id="rAgH9" data-type="frame" data-name="Photo" st
  • Network accessline 2858
    <div data-id="rAgH9" data-type="frame" data-name="Photo" style="width:104px;height:80px;flex-shrink:0;border-radius:12px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1735399338025-5f5baa59bc90?crop=entropy&am
  • Network accessline 2887
    </div> </div> <div data-id="EyApZ" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot
  • Network accessline 2888
    </div> <div data-id="EyApZ" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https:
  • Network accessline 2889
    <div data-id="EyApZ" data-type="frame" data-name="Hero" style="display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;width:100%;height:190px;flex-shrink:0;overflow:hidden;background-image:url(&quot;https://image
  • Network accessline 3056
    <div data-id="N20DlQ" data-type="frame" data-name="Nanny/张秀兰" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shado
  • Network accessline 3057
    <div data-id="Da8wJ" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="W24J1" data-type="frame" data-name="Portrait" style="width:96px;height:1
  • Network accessline 3058
    <div data-id="W24J1" data-type="frame" data-name="Portrait" style="width:96px;height:118px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1626348448069-9b156d20faeb?crop=entropy
  • Network accessline 3099
    <div data-id="KxGAb" data-type="frame" data-name="Nanny/李桂香" style="display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;width:100%;flex-shrink:0;background-color:var(--color-v2-card);border-radius:20px;box-shadow
  • Network accessline 3100
    <div data-id="oGQEe" data-type="frame" data-name="Main" style="display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%;flex-shrink:0"> <div data-id="D0sG1a" data-type="frame" data-name="Portrait" style="width:96px;height:
  • Network accessline 3101
    <div data-id="D0sG1a" data-type="frame" data-name="Portrait" style="width:96px;height:118px;flex-shrink:0;border-radius:14px;overflow:hidden;background-image:url(&quot;https://images.unsplash.com/photo-1460312653226-2a273707ef6d?crop=entrop

examples/miniprogram.pen

  • Network accessline 1491
    "type": "unsplash",                 "username": "greg25",                 "link": "https://unsplash.com/@greg25",
  • Network accessline 1492
    "username": "greg25",                 "link": "https://unsplash.com/@greg25",                 "author": "Greg Š"
  • Network accessline 1493
    "link": "https://unsplash.com/@greg25",
  • Network accessline 1500
    "type": "image",                 "enabled": true,                 "url": "https://images.unsplash.com/photo-1634879036244-18870f8b804f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=r
  • Network accessline 1501
    "enabled": true,                 "url": "https://images.unsplash.com/photo-1634879036244-18870f8b804f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080",            
  • Network accessline 1502
    "url": "https://images.unsplash.com/photo-1634879036244-18870f8b804f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 1983
    "type": "unsplash",                                 "username": "wigood666",                                 "link": "https://unsplash.com/@wigood666",
  • Network accessline 1984
    "username": "wigood666",                                 "link": "https://unsplash.com/@wigood666",                                 "author": "Mikhail Pavlyukov"
  • Network accessline 1985
    "link": "https://unsplash.com/@wigood666",
  • Network accessline 1989
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1633336144412-30c07bed9821?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 1990
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1633336144412-30c07bed9821?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 1991
    "url": "https://images.unsplash.com/photo-1633336144412-30c07bed9821?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2123
    "type": "unsplash",                                 "username": "maritaextrabold",                                 "link": "https://unsplash.com/@maritaextrabold",
  • Network accessline 2124
    "username": "maritaextrabold",                                 "link": "https://unsplash.com/@maritaextrabold",                                 "author": "Marita Kavelashvili"
  • Network accessline 2125
    "link": "https://unsplash.com/@maritaextrabold",
  • Network accessline 2131
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2132
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2133
    "url": "https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2143
    "type": "unsplash",                                 "username": "brettmayson",                                 "link": "https://unsplash.com/@brettmayson",
  • Network accessline 2144
    "username": "brettmayson",                                 "link": "https://unsplash.com/@brettmayson",                                 "author": "Brett Mayson"
  • Network accessline 2145
    "link": "https://unsplash.com/@brettmayson",
  • Network accessline 2151
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1696190288876-a2b40fcc63a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2152
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1696190288876-a2b40fcc63a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2153
    "url": "https://images.unsplash.com/photo-1696190288876-a2b40fcc63a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2163
    "type": "unsplash",                                 "username": "roofy_213",                                 "link": "https://unsplash.com/@roofy_213",
  • Network accessline 2164
    "username": "roofy_213",                                 "link": "https://unsplash.com/@roofy_213",                                 "author": "raouf bedrani"
  • Network accessline 2165
    "link": "https://unsplash.com/@roofy_213",
  • Network accessline 2171
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1638732984528-f255c9714619?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2172
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1638732984528-f255c9714619?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2173
    "url": "https://images.unsplash.com/photo-1638732984528-f255c9714619?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2255
    "type": "unsplash",                                 "username": "devin_photography",                                 "link": "https://unsplash.com/@devin_photography",
  • Network accessline 2256
    "username": "devin_photography",                                 "link": "https://unsplash.com/@devin_photography",                                 "author": "Devin H"
  • Network accessline 2257
    "link": "https://unsplash.com/@devin_photography",
  • Network accessline 2261
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1554190907-8bce2d9036c1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx
  • Network accessline 2262
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1554190907-8bce2d9036c1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080"
  • Network accessline 2263
    "url": "https://images.unsplash.com/photo-1554190907-8bce2d9036c1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2395
    "type": "unsplash",                                 "username": "cam_cameras",                                 "link": "https://unsplash.com/@cam_cameras",
  • Network accessline 2396
    "username": "cam_cameras",                                 "link": "https://unsplash.com/@cam_cameras",                                 "author": "Cam Carpenter"
  • Network accessline 2397
    "link": "https://unsplash.com/@cam_cameras",
  • Network accessline 2403
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1741852686035-eda158700bcf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2404
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1741852686035-eda158700bcf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2405
    "url": "https://images.unsplash.com/photo-1741852686035-eda158700bcf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDN8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2415
    "type": "unsplash",                                 "username": "allansharp",                                 "link": "https://unsplash.com/@allansharp",
  • Network accessline 2416
    "username": "allansharp",                                 "link": "https://unsplash.com/@allansharp",                                 "author": "Allan Sharp"
  • Network accessline 2417
    "link": "https://unsplash.com/@allansharp",
  • Network accessline 2423
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1712280913999-a586c6361308?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2424
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1712280913999-a586c6361308?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2425
    "url": "https://images.unsplash.com/photo-1712280913999-a586c6361308?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2496
    "type": "unsplash",                                 "username": "beneaton7",                                 "link": "https://unsplash.com/@beneaton7",
  • Network accessline 2497
    "username": "beneaton7",                                 "link": "https://unsplash.com/@beneaton7",                                 "author": "Ben Eaton"
  • Network accessline 2498
    "link": "https://unsplash.com/@beneaton7",
  • Network accessline 2502
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1570290887796-27624be22a60?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2503
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1570290887796-27624be22a60?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2504
    "url": "https://images.unsplash.com/photo-1570290887796-27624be22a60?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2636
    "type": "unsplash",                                 "username": "jwvbraak",                                 "link": "https://unsplash.com/@jwvbraak",
  • Network accessline 2637
    "username": "jwvbraak",                                 "link": "https://unsplash.com/@jwvbraak",                                 "author": "Jan-Willem van Braak"
  • Network accessline 2638
    "link": "https://unsplash.com/@jwvbraak",
  • Network accessline 2644
    "type": "image",                                 "enabled": true,                                 "url": "https://images.unsplash.com/photo-1668545302657-851449add05d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8
  • Network accessline 2645
    "enabled": true,                                 "url": "https://images.unsplash.com/photo-1668545302657-851449add05d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=10
  • Network accessline 2646
    "url": "https://images.unsplash.com/photo-1668545302657-851449add05d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 2886
    "type": "unsplash",                         "username": "arvissd",                         "link": "https://unsplash.com/@arvissd",
  • Network accessline 2887
    "username": "arvissd",                         "link": "https://unsplash.com/@arvissd",                         "author": "Arvydas Baltinas"
  • Network accessline 2888
    "link": "https://unsplash.com/@arvissd",
  • Network accessline 2895
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1569832724830-0b4ab7b52ab2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 2896
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1569832724830-0b4ab7b52ab2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 2897
    "url": "https://images.unsplash.com/photo-1569832724830-0b4ab7b52ab2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3034
    "type": "unsplash",                         "username": "mrpatt",                         "link": "https://unsplash.com/@mrpatt",
  • Network accessline 3035
    "username": "mrpatt",                         "link": "https://unsplash.com/@mrpatt",                         "author": "Mark Patterson"
  • Network accessline 3036
    "link": "https://unsplash.com/@mrpatt",
  • Network accessline 3043
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1635977358213-93a5a73d193b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3044
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1635977358213-93a5a73d193b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3045
    "url": "https://images.unsplash.com/photo-1635977358213-93a5a73d193b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3055
    "type": "unsplash",                         "username": "stevedimatteo",                         "link": "https://unsplash.com/@stevedimatteo",
  • Network accessline 3056
    "username": "stevedimatteo",                         "link": "https://unsplash.com/@stevedimatteo",                         "author": "Steve DiMatteo"
  • Network accessline 3057
    "link": "https://unsplash.com/@stevedimatteo",
  • Network accessline 3064
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1685466695371-9fa8510634d0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3065
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1685466695371-9fa8510634d0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDV8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3066
    "url": "https://images.unsplash.com/photo-1685466695371-9fa8510634d0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDV8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3076
    "type": "unsplash",                         "username": "illes_cristi",                         "link": "https://unsplash.com/@illes_cristi",
  • Network accessline 3077
    "username": "illes_cristi",                         "link": "https://unsplash.com/@illes_cristi",                         "author": "iuliu illes"
  • Network accessline 3078
    "link": "https://unsplash.com/@illes_cristi",
  • Network accessline 3085
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1636282054377-38750e0dc146?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3086
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1636282054377-38750e0dc146?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDV8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3087
    "url": "https://images.unsplash.com/photo-1636282054377-38750e0dc146?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDV8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3214
    "type": "unsplash",                         "username": "jan_huber",                         "link": "https://unsplash.com/@jan_huber",
  • Network accessline 3215
    "username": "jan_huber",                         "link": "https://unsplash.com/@jan_huber",                         "author": "Jan Huber"
  • Network accessline 3216
    "link": "https://unsplash.com/@jan_huber",
  • Network accessline 3223
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1583606638441-b9c746100447?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3224
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1583606638441-b9c746100447?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3225
    "url": "https://images.unsplash.com/photo-1583606638441-b9c746100447?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3372
    "type": "unsplash",                         "username": "hjanssen",                         "link": "https://unsplash.com/@hjanssen",
  • Network accessline 3373
    "username": "hjanssen",                         "link": "https://unsplash.com/@hjanssen",                         "author": "Hannah Janssen"
  • Network accessline 3374
    "link": "https://unsplash.com/@hjanssen",
  • Network accessline 3381
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1717683823358-184918b129a0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3382
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1717683823358-184918b129a0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3383
    "url": "https://images.unsplash.com/photo-1717683823358-184918b129a0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3393
    "type": "unsplash",                         "username": "slohmann",                         "link": "https://unsplash.com/@slohmann",
  • Network accessline 3394
    "username": "slohmann",                         "link": "https://unsplash.com/@slohmann",                         "author": "Simon Lohmann"
  • Network accessline 3395
    "link": "https://unsplash.com/@slohmann",
  • Network accessline 3402
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1612441822281-778c7b2d4f38?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3403
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1612441822281-778c7b2d4f38?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3404
    "url": "https://images.unsplash.com/photo-1612441822281-778c7b2d4f38?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3414
    "type": "unsplash",                         "username": "lavina42",                         "link": "https://unsplash.com/@lavina42",
  • Network accessline 3415
    "username": "lavina42",                         "link": "https://unsplash.com/@lavina42",                         "author": "Anastasiia Andrianova"
  • Network accessline 3416
    "link": "https://unsplash.com/@lavina42",
  • Network accessline 3423
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1699536098555-5d92b5fd5728?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3424
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1699536098555-5d92b5fd5728?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3425
    "url": "https://images.unsplash.com/photo-1699536098555-5d92b5fd5728?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3552
    "type": "unsplash",                         "username": "melindapack",                         "link": "https://unsplash.com/@melindapack",
  • Network accessline 3553
    "username": "melindapack",                         "link": "https://unsplash.com/@melindapack",                         "author": "Mel"
  • Network accessline 3554
    "link": "https://unsplash.com/@melindapack",
  • Network accessline 3561
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1491838592561-ab572ec2d2cb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3562
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1491838592561-ab572ec2d2cb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3563
    "url": "https://images.unsplash.com/photo-1491838592561-ab572ec2d2cb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3700
    "type": "unsplash",                         "username": "hideobara",                         "link": "https://unsplash.com/@hideobara",
  • Network accessline 3701
    "username": "hideobara",                         "link": "https://unsplash.com/@hideobara",                         "author": "Hide Obara"
  • Network accessline 3702
    "link": "https://unsplash.com/@hideobara",
  • Network accessline 3709
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1414115880398-afebc3d95efc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3710
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1414115880398-afebc3d95efc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3711
    "url": "https://images.unsplash.com/photo-1414115880398-afebc3d95efc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3721
    "type": "unsplash",                         "username": "raulmermans",                         "link": "https://unsplash.com/@raulmermans",
  • Network accessline 3722
    "username": "raulmermans",                         "link": "https://unsplash.com/@raulmermans",                         "author": "Raúl Mermans García"
  • Network accessline 3723
    "link": "https://unsplash.com/@raulmermans",
  • Network accessline 3730
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1757438059139-a10d805ea13e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3731
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1757438059139-a10d805ea13e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3732
    "url": "https://images.unsplash.com/photo-1757438059139-a10d805ea13e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3742
    "type": "unsplash",                         "username": "zbao",                         "link": "https://unsplash.com/@zbao",
  • Network accessline 3743
    "username": "zbao",                         "link": "https://unsplash.com/@zbao",                         "author": "Zongnan Bao"
  • Network accessline 3744
    "link": "https://unsplash.com/@zbao",
  • Network accessline 3751
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1606313695934-9f1e08d020d5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3752
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1606313695934-9f1e08d020d5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3753
    "url": "https://images.unsplash.com/photo-1606313695934-9f1e08d020d5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 3880
    "type": "unsplash",                         "username": "adityadoliya",                         "link": "https://unsplash.com/@adityadoliya",
  • Network accessline 3881
    "username": "adityadoliya",                         "link": "https://unsplash.com/@adityadoliya",                         "author": "Aditya Doliya"
  • Network accessline 3882
    "link": "https://unsplash.com/@adityadoliya",
  • Network accessline 3889
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1704653942165-cab0de6bce51?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 3890
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1704653942165-cab0de6bce51?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 3891
    "url": "https://images.unsplash.com/photo-1704653942165-cab0de6bce51?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 4038
    "type": "unsplash",                         "username": "us_knoll",                         "link": "https://unsplash.com/@us_knoll",
  • Network accessline 4039
    "username": "us_knoll",                         "link": "https://unsplash.com/@us_knoll",                         "author": "Ulrich Knoll"
  • Network accessline 4040
    "link": "https://unsplash.com/@us_knoll",
  • Network accessline 4047
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1656833232728-c017b87fef45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 4048
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1656833232728-c017b87fef45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 4049
    "url": "https://images.unsplash.com/photo-1656833232728-c017b87fef45?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 4059
    "type": "unsplash",                         "username": "bruno_kelzer",                         "link": "https://unsplash.com/@bruno_kelzer",
  • Network accessline 4060
    "username": "bruno_kelzer",                         "link": "https://unsplash.com/@bruno_kelzer",                         "author": "Bruno Kelzer"
  • Network accessline 4061
    "link": "https://unsplash.com/@bruno_kelzer",
  • Network accessline 4068
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1554113879-aa9d0f0d3cc0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI
  • Network accessline 4069
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1554113879-aa9d0f0d3cc0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",       
  • Network accessline 4070
    "url": "https://images.unsplash.com/photo-1554113879-aa9d0f0d3cc0?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 4080
    "type": "unsplash",                         "username": "johannekek",                         "link": "https://unsplash.com/@johannekek",
  • Network accessline 4081
    "username": "johannekek",                         "link": "https://unsplash.com/@johannekek",                         "author": "Johanneke Kroesbergen-Kamps"
  • Network accessline 4082
    "link": "https://unsplash.com/@johannekek",
  • Network accessline 4089
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1637045713939-321b2bc8ed88?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 4090
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1637045713939-321b2bc8ed88?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 4091
    "url": "https://images.unsplash.com/photo-1637045713939-321b2bc8ed88?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 4225
    "type": "unsplash",             "username": "harryholder",             "link": "https://unsplash.com/@harryholder",
  • Network accessline 4226
    "username": "harryholder",             "link": "https://unsplash.com/@harryholder",             "author": "Harry Holder"
  • Network accessline 4227
    "link": "https://unsplash.com/@harryholder",
  • Network accessline 4234
    "type": "image",             "enabled": true,             "url": "https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=8
  • Network accessline 4235
    "enabled": true,             "url": "https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",             "mode"
  • Network accessline 4236
    "url": "https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5495
    "type": "unsplash",                             "username": "michael_f",                             "link": "https://unsplash.com/@michael_f",
  • Network accessline 5496
    "username": "michael_f",                             "link": "https://unsplash.com/@michael_f",                             "author": "Michael Förtsch"
  • Network accessline 5497
    "link": "https://unsplash.com/@michael_f",
  • Network accessline 5501
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1584127638011-26def3e4cd08?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5502
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1584127638011-26def3e4cd08?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5503
    "url": "https://images.unsplash.com/photo-1584127638011-26def3e4cd08?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5645
    "type": "unsplash",                             "username": "syadzasalsabyla",                             "link": "https://unsplash.com/@syadzasalsabyla",
  • Network accessline 5646
    "username": "syadzasalsabyla",                             "link": "https://unsplash.com/@syadzasalsabyla",                             "author": "Syadza Salsabyla"
  • Network accessline 5647
    "link": "https://unsplash.com/@syadzasalsabyla",
  • Network accessline 5654
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1733208660897-9749f2ff776b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5655
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1733208660897-9749f2ff776b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5656
    "url": "https://images.unsplash.com/photo-1733208660897-9749f2ff776b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5666
    "type": "unsplash",                             "username": "jack_scorner",                             "link": "https://unsplash.com/@jack_scorner",
  • Network accessline 5667
    "username": "jack_scorner",                             "link": "https://unsplash.com/@jack_scorner",                             "author": "Thomas Griesbeck"
  • Network accessline 5668
    "link": "https://unsplash.com/@jack_scorner",
  • Network accessline 5675
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1533083301437-4251664d2cb7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5676
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1533083301437-4251664d2cb7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5677
    "url": "https://images.unsplash.com/photo-1533083301437-4251664d2cb7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5687
    "type": "unsplash",                             "username": "stefanbc",                             "link": "https://unsplash.com/@stefanbc",
  • Network accessline 5688
    "username": "stefanbc",                             "link": "https://unsplash.com/@stefanbc",                             "author": "Stefan Cosma"
  • Network accessline 5689
    "link": "https://unsplash.com/@stefanbc",
  • Network accessline 5696
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1634729609140-3e85436f17d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5697
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1634729609140-3e85436f17d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5698
    "url": "https://images.unsplash.com/photo-1634729609140-3e85436f17d2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5739
    "type": "unsplash",                             "username": "jetztabertempo",                             "link": "https://unsplash.com/@jetztabertempo",
  • Network accessline 5740
    "username": "jetztabertempo",                             "link": "https://unsplash.com/@jetztabertempo",                             "author": "Pascal Bullan"
  • Network accessline 5741
    "link": "https://unsplash.com/@jetztabertempo",
  • Network accessline 5745
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1714544047757-89462703581e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5746
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1714544047757-89462703581e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5747
    "url": "https://images.unsplash.com/photo-1714544047757-89462703581e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5889
    "type": "unsplash",                             "username": "michellespencer77",                             "link": "https://unsplash.com/@michellespencer77",
  • Network accessline 5890
    "username": "michellespencer77",                             "link": "https://unsplash.com/@michellespencer77",                             "author": "Michelle Spencer"
  • Network accessline 5891
    "link": "https://unsplash.com/@michellespencer77",
  • Network accessline 5898
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1422837284172-a925ac273aa9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5899
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1422837284172-a925ac273aa9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5900
    "url": "https://images.unsplash.com/photo-1422837284172-a925ac273aa9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5910
    "type": "unsplash",                             "username": "olga_bykova",                             "link": "https://unsplash.com/@olga_bykova",
  • Network accessline 5911
    "username": "olga_bykova",                             "link": "https://unsplash.com/@olga_bykova",                             "author": "Olga Bykova"
  • Network accessline 5912
    "link": "https://unsplash.com/@olga_bykova",
  • Network accessline 5919
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1707236127413-c31a91ccd37e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5920
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1707236127413-c31a91ccd37e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5921
    "url": "https://images.unsplash.com/photo-1707236127413-c31a91ccd37e?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5931
    "type": "unsplash",                             "username": "aliul",                             "link": "https://unsplash.com/@aliul",
  • Network accessline 5932
    "username": "aliul",                             "link": "https://unsplash.com/@aliul",                             "author": "Mihai Alexandru Grecea"
  • Network accessline 5933
    "link": "https://unsplash.com/@aliul",
  • Network accessline 5940
    "type": "image",                             "enabled": true,                             "url": "https://images.unsplash.com/photo-1666608561767-2bcaaf1e2ec4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8
  • Network accessline 5941
    "enabled": true,                             "url": "https://images.unsplash.com/photo-1666608561767-2bcaaf1e2ec4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 5942
    "url": "https://images.unsplash.com/photo-1666608561767-2bcaaf1e2ec4?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 9945
    "type": "unsplash",                         "username": "rodlong",                         "link": "https://unsplash.com/@rodlong",
  • Network accessline 9946
    "username": "rodlong",                         "link": "https://unsplash.com/@rodlong",                         "author": "Rod Long"
  • Network accessline 9947
    "link": "https://unsplash.com/@rodlong",
  • Network accessline 9954
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1504596274545-5c136d4338f2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 9955
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1504596274545-5c136d4338f2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 9956
    "url": "https://images.unsplash.com/photo-1504596274545-5c136d4338f2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",
  • Network accessline 9966
    "type": "unsplash",                         "username": "florian_delee",                         "link": "https://unsplash.com/@florian_delee",
  • Network accessline 9967
    "username": "florian_delee",                         "link": "https://unsplash.com/@florian_delee",                         "author": "Florian Delée"
  • Network accessline 9968
    "link": "https://unsplash.com/@florian_delee",
  • Network accessline 9975
    "type": "image",                         "enabled": true,                         "url": "https://images.unsplash.com/photo-1667666670896-1686605f31dd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5
  • Network accessline 9976
    "enabled": true,                         "url": "https://images.unsplash.com/photo-1667666670896-1686605f31dd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",    
  • Network accessline 9977
    "url": "https://images.unsplash.com/photo-1667666670896-1686605f31dd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w4NDM0ODN8MHwxfHJhbmRvbXx8fHx8fHx8fDE3OTE5MDI1NDR8&ixlib=rb-4.1.0&q=80&w=1080",

lib/base-css.mjs

  • Executable scriptline 1
    Executable file

lib/detect.mjs

  • Executable scriptline 1
    Executable file

lib/diagnostics.mjs

  • Executable scriptline 1
    Executable file

lib/export-html.mjs

  • Executable scriptline 1
    Executable file

lib/export-svg.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 56
    return `<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">
  • Network accessline 57
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xhtml="http://www.w3.org/1999/xhtml" width="${width}" height="${height}" viewBox="0 0 ${width} ${height}">
  • Network accessline 62
    </style>   <foreignObject x="0" y="0" width="${width}" height="${height}">     <xhtml:div class="sd-page" xmlns="http://www.w3.org/1999/xhtml">${body}</xhtml:div>
  • Network accessline 63
    <foreignObject x="0" y="0" width="${width}" height="${height}">     <xhtml:div class="sd-page" xmlns="http://www.w3.org/1999/xhtml">${body}</xhtml:div>   </foreignObject>
  • Network accessline 64
    <xhtml:div class="sd-page" xmlns="http://www.w3.org/1999/xhtml">${body}</xhtml:div>

lib/fragment.mjs

  • Executable scriptline 1
    Executable file

lib/geometry.mjs

  • Executable scriptline 1
    Executable file

lib/icons.mjs

  • Executable scriptline 1
    Executable file

lib/levenshtein.mjs

  • Executable scriptline 1
    Executable file

lib/node/cli.mjs

  • Executable scriptline 1
    Executable file

lib/node/export-svg.mjs

  • Executable scriptline 1
    Executable file

lib/node/fs.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 50
    "fs/node-version",     `justSkill needs Node ${MIN_NODE_MAJOR} or newer, but this is Node ${process.versions.node}.\n` +       "Install a current Node release (https://nodejs.org) and run the command again.",
  • Network accessline 51
    `justSkill needs Node ${MIN_NODE_MAJOR} or newer, but this is Node ${process.versions.node}.\n` +       "Install a current Node release (https://nodejs.org) and run the command again.",   );
  • Network accessline 52
    "Install a current Node release (https://nodejs.org) and run the command again.",

lib/node/op-json.mjs

  • Executable scriptline 1
    Executable file

lib/node/raster-run.mjs

  • Executable scriptline 1
    Executable file

lib/node/server.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 963
    let url;     try {       url = new URL(String(req.url || "/"), `http://${req.headers.host || "127.0.0.1"}`);
  • Network accessline 964
    try {       url = new URL(String(req.url || "/"), `http://${req.headers.host || "127.0.0.1"}`);     } catch {
  • Network accessline 965
    url = new URL(String(req.url || "/"), `http://${req.headers.host || "127.0.0.1"}`);
  • Network accessline 1253
    const url = `http://127.0.0.1:${port}/?t=${token}`;

lib/node/static.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/add.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/export.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/format.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/import.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/ls.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/migrate.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/move.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/new.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/remove.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/rename.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/serve.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/set.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/show.mjs

  • Executable scriptline 1
    Executable file

lib/node/verbs/tokens.mjs

  • Executable scriptline 1
    Executable file
  • Dangerous shell operationline 2
    * `node design.mjs tokens <file> ls | set <组.名> <值> | rm <组.名>`
  • Dangerous shell operationline 29
    rm <组.名>                 remove a token
  • Dangerous shell operationline 106
    throw new CliError(`tokens rm needs a name\n\n${USAGE}`);

lib/node/verbs/validate.mjs

  • Executable scriptline 1
    Executable file

lib/node/write-verbs.mjs

  • Executable scriptline 1
    Executable file

lib/normalize.mjs

  • Executable scriptline 1
    Executable file

lib/ops.mjs

  • Executable scriptline 1
    Executable file

lib/parse.mjs

  • Executable scriptline 1
    Executable file

lib/raster.mjs

  • Executable scriptline 1
    Executable file

lib/readers/pen.mjs

  • Executable scriptline 1
    Executable file

lib/receipt.mjs

  • Executable scriptline 1
    Executable file

lib/render.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 442
    const name = family.replace(/\s+/g, "+");     const query = axis.length ? `:wght@${axis.join(";")}` : "";     return `https://fonts.googleapis.com/css2?family=${name}${query}&display=swap`;
  • Network accessline 443
    const query = axis.length ? `:wght@${axis.join(";")}` : "";     return `https://fonts.googleapis.com/css2?family=${name}${query}&display=swap`;   });
  • Network accessline 444
    return `https://fonts.googleapis.com/css2?family=${name}${query}&display=swap`;

lib/serialize.mjs

  • Executable scriptline 1
    Executable file

lib/spans.mjs

  • Executable scriptline 1
    Executable file

lib/svg-path.mjs

  • Executable scriptline 1
    Executable file

lib/table.mjs

  • Executable scriptline 1
    Executable file

lib/tokens.mjs

  • Executable scriptline 1
    Executable file

lib/validate.mjs

  • Executable scriptline 1
    Executable file

package.json

  • Executable scriptline 1
    Executable file

references/cookbook.md

  • Network accessline 85
    <img data-id="home__photo" data-type="image" src="https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?w=1080&amp;q=80&amp;fm=jpg" alt="Turquoise water meeting a white sand beach" data-credit="Photo by Harry Holder on Unsplash" style="

references/images.md

  • Network accessline 30
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1634879036244-18870f8b804f?w=1080&q=80&fm=jpg` | Green meadow below snow-capped peaks at golden hour | Photo by Greg Š on Unsplash |
  • Network accessline 31
    |---|---|---| | `https://images.unsplash.com/photo-1634879036244-18870f8b804f?w=1080&q=80&fm=jpg` | Green meadow below snow-capped peaks at golden hour | Photo by Greg Š on Unsplash | | `https://images.unsplash.com/photo-1542273917363-3b181
  • Network accessline 32
    | `https://images.unsplash.com/photo-1634879036244-18870f8b804f?w=1080&q=80&fm=jpg` | Green meadow below snow-capped peaks at golden hour | Photo by Greg Š on Unsplash |
  • Network accessline 33
    | `https://images.unsplash.com/photo-1542273917363-3b1817f69a2d?w=1080&q=80&fm=jpg` | Dense pine forest in thick morning fog | Photo by Marita Kavelashvili on Unsplash |
  • Network accessline 34
    | `https://images.unsplash.com/photo-1696190288876-a2b40fcc63a9?w=1080&q=80&fm=jpg` | Dead tree stumps standing in a calm forest lake | Photo by Brett Mayson on Unsplash |
  • Network accessline 35
    | `https://images.unsplash.com/photo-1638732984528-f255c9714619?w=1080&q=80&fm=jpg` | Smooth desert dunes fading into haze | Photo by raouf bedrani on Unsplash |
  • Network accessline 36
    | `https://images.unsplash.com/photo-1570290887796-27624be22a60?w=1080&q=80&fm=jpg` | Waterfall pouring over dark basalt cliffs | Photo by Ben Eaton on Unsplash |
  • Network accessline 37
    | `https://images.unsplash.com/photo-1685466695371-9fa8510634d0?w=1080&q=80&fm=jpg` | Pink poppies in bloom under a clear blue sky | Photo by Steve DiMatteo on Unsplash |
  • Network accessline 38
    | `https://images.unsplash.com/photo-1491838592561-ab572ec2d2cb?w=1080&q=80&fm=jpg` | Sunbeams breaking through a misty forest | Photo by Mel on Unsplash |
  • Network accessline 39
    | `https://images.unsplash.com/photo-1612441822281-778c7b2d4f38?w=1080&q=80&fm=jpg` | Golden sunrise over layered mountain ridges | Photo by Simon Lohmann on Unsplash |
  • Network accessline 40
    | `https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?w=1080&q=80&fm=jpg` | Turquoise water meeting a white sand beach, from above | Photo by Harry Holder on Unsplash |
  • Network accessline 41
    | `https://images.unsplash.com/photo-1504596274545-5c136d4338f2?w=1080&q=80&fm=jpg` | Steep mountains flanking a deep blue fjord | Photo by Rod Long on Unsplash |
  • Network accessline 42
    | `https://images.unsplash.com/photo-1726486061288-783c5cad8090?w=1080&q=80&fm=jpg` | Autumn trees around a still lake under grey sky | Photo by Linda Christiansen on Unsplash |
  • Network accessline 43
    | `https://images.unsplash.com/photo-1665073526612-a2c3d7faddca?w=1080&q=80&fm=jpg` | Sunlit road curving through tall pine trees | Photo by Photos of Korea on Unsplash |
  • Network accessline 49
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=1080&q=80&fm=jpg` | Laughing woman in a red turtleneck, dark wavy hair | Photo from Unsplash |
  • Network accessline 50
    |---|---|---| | `https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=1080&q=80&fm=jpg` | Laughing woman in a red turtleneck, dark wavy hair | Photo from Unsplash | | `https://images.unsplash.com/photo-1534528741775-53994a69daeb?w
  • Network accessline 51
    | `https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=1080&q=80&fm=jpg` | Laughing woman in a red turtleneck, dark wavy hair | Photo from Unsplash |
  • Network accessline 52
    | `https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=1080&q=80&fm=jpg` | Woman with slicked-back hair under blue studio light | Photo from Unsplash |
  • Network accessline 53
    | `https://images.unsplash.com/photo-1524504388940-b1c1722653e1?w=1080&q=80&fm=jpg` | Woman with long blonde hair on a grey studio backdrop | Photo from Unsplash |
  • Network accessline 54
    | `https://images.unsplash.com/photo-1554151228-14d9def656e4?w=1080&q=80&fm=jpg` | Freckled young woman with a braided bun, hand on chin | Photo from Unsplash |
  • Network accessline 55
    | `https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=1080&q=80&fm=jpg` | Young woman with a red bob by a lake | Photo from Unsplash |
  • Network accessline 56
    | `https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=1080&q=80&fm=jpg` | Man in a grey sweater, studio headshot | Photo from Unsplash |
  • Network accessline 57
    | `https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=1080&q=80&fm=jpg` | Bearded man in a grey knit sweater on black | Photo from Unsplash |
  • Network accessline 58
    | `https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=1080&q=80&fm=jpg` | Smiling bearded man in a white t-shirt | Photo from Unsplash |
  • Network accessline 59
    | `https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=1080&q=80&fm=jpg` | Man with grey hair and glasses in a green polo | Photo from Unsplash |
  • Network accessline 60
    | `https://images.unsplash.com/photo-1560250097-0b93528c311a?w=1080&q=80&fm=jpg` | Man in glasses and a navy blazer by a window | Photo from Unsplash |
  • Network accessline 66
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1080&q=80&fm=jpg` | Team working on laptops at a long wooden table | Photo from Unsplash |
  • Network accessline 67
    |---|---|---| | `https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1080&q=80&fm=jpg` | Team working on laptops at a long wooden table | Photo from Unsplash | | `https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=108
  • Network accessline 68
    | `https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1080&q=80&fm=jpg` | Team working on laptops at a long wooden table | Photo from Unsplash |
  • Network accessline 69
    | `https://images.unsplash.com/photo-1521737604893-d14cc237f11d?w=1080&q=80&fm=jpg` | Group with headphones collaborating around a table | Photo from Unsplash |
  • Network accessline 70
    | `https://images.unsplash.com/photo-1543269865-cbf427effbad?w=1080&q=80&fm=jpg` | Four young people talking around a cafe table | Photo from Unsplash |
  • Network accessline 71
    | `https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1080&q=80&fm=jpg` | Three young women laughing over laptops | Photo from Unsplash |
  • Network accessline 72
    | `https://images.unsplash.com/photo-1495474472287-4d71bcdd2085?w=1080&q=80&fm=jpg` | Four hands toasting with coffee cups | Photo from Unsplash |
  • Network accessline 78
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1497366216548-37526070297c?w=1080&q=80&fm=jpg` | Modern empty office corridor with glass partitions | Photo from Unsplash |
  • Network accessline 79
    |---|---|---| | `https://images.unsplash.com/photo-1497366216548-37526070297c?w=1080&q=80&fm=jpg` | Modern empty office corridor with glass partitions | Photo from Unsplash | | `https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w
  • Network accessline 80
    | `https://images.unsplash.com/photo-1497366216548-37526070297c?w=1080&q=80&fm=jpg` | Modern empty office corridor with glass partitions | Photo from Unsplash |
  • Network accessline 81
    | `https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=1080&q=80&fm=jpg` | Restaurant interior with dark wood tables and pendant lights | Photo from Unsplash |
  • Network accessline 82
    | `https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=1080&q=80&fm=jpg` | Programmer desk with an open laptop, code and coffee | Photo from Unsplash |
  • Network accessline 83
    | `https://images.unsplash.com/photo-1517336714731-489689fd1ca8?w=1080&q=80&fm=jpg` | Half-open laptop lit with purple and orange neon | Photo from Unsplash |
  • Network accessline 84
    | `https://images.unsplash.com/photo-1504384308090-c894fdcc538d?w=1080&q=80&fm=jpg` | Busy open-plan office with rows of people at laptops | Photo from Unsplash |
  • Network accessline 90
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1080&q=80&fm=jpg` | Black over-ear headphones on a bright yellow background | Photo from Unsplash |
  • Network accessline 91
    |---|---|---| | `https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1080&q=80&fm=jpg` | Black over-ear headphones on a bright yellow background | Photo from Unsplash | | `https://images.unsplash.com/photo-1526170375885-4d8ecf77b
  • Network accessline 92
    | `https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=1080&q=80&fm=jpg` | Black over-ear headphones on a bright yellow background | Photo from Unsplash |
  • Network accessline 93
    | `https://images.unsplash.com/photo-1526170375885-4d8ecf77b99f?w=1080&q=80&fm=jpg` | White instant camera on a plain white surface | Photo from Unsplash |
  • Network accessline 94
    | `https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=1080&q=80&fm=jpg` | Red running shoe on a matching red background | Photo from Unsplash |
  • Network accessline 95
    | `https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=1080&q=80&fm=jpg` | Two smartwatches with blank round faces on white | Photo from Unsplash |
  • Network accessline 96
    | `https://images.unsplash.com/photo-1512621776951-a57141f2eefd?w=1080&q=80&fm=jpg` | Colourful salad bowl with avocado, tomatoes and chickpeas | Photo from Unsplash |
  • Network accessline 97
    | `https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=1080&q=80&fm=jpg` | Pancake stack with syrup poured from a small cup | Photo from Unsplash |
  • Network accessline 104
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=1080&q=80&fm=jpg` | Man deadlifting a barbell in a dark gym | Photo from Unsplash |
  • Network accessline 105
    |---|---|---| | `https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=1080&q=80&fm=jpg` | Man deadlifting a barbell in a dark gym | Photo from Unsplash | | `https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1080&q=80&
  • Network accessline 106
    | `https://images.unsplash.com/photo-1517836357463-d25dfeac3438?w=1080&q=80&fm=jpg` | Man deadlifting a barbell in a dark gym | Photo from Unsplash |
  • Network accessline 107
    | `https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1080&q=80&fm=jpg` | Woman doing sit-ups on a mat by a bright window | Photo from Unsplash |
  • Network accessline 108
    | `https://images.unsplash.com/photo-1476480862126-209bfaa8edc8?w=1080&q=80&fm=jpg` | Runner's legs climbing weathered concrete steps | Photo from Unsplash |
  • Network accessline 109
    | `https://images.unsplash.com/photo-1483985988355-763728e1935b?w=1080&q=80&fm=jpg` | Woman in sunglasses carrying shopping bags outside | Photo from Unsplash |
  • Network accessline 110
    | `https://images.unsplash.com/photo-1445205170230-053b83016050?w=1080&q=80&fm=jpg` | Clothing racks full of coats in a boutique | Photo from Unsplash |
  • Network accessline 111
    | `https://images.unsplash.com/photo-1554118811-1e0d58224f24?w=1080&q=80&fm=jpg` | Customers and a barista inside a plant-filled cafe | Photo from Unsplash |
  • Network accessline 112
    | `https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?w=1080&q=80&fm=jpg` | Vintage silver microphone against coloured blurred lights | Photo from Unsplash |
  • Network accessline 113
    | `https://images.unsplash.com/photo-1503676260728-1c00da094a0b?w=1080&q=80&fm=jpg` | Stack of books, a red apple and alphabet blocks | Photo from Unsplash |
  • Network accessline 114
    | `https://images.unsplash.com/photo-1416879595882-3373a0480b5b?w=1080&q=80&fm=jpg` | Gardening flat lay with a soil scoop and spilled potting mix | Photo from Unsplash |
  • Network accessline 120
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1080&q=80&fm=jpg` | New York avenue with skyscrapers and yellow taxis | Photo from Unsplash |
  • Network accessline 121
    |---|---|---| | `https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1080&q=80&fm=jpg` | New York avenue with skyscrapers and yellow taxis | Photo from Unsplash | | `https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=
  • Network accessline 122
    | `https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1080&q=80&fm=jpg` | New York avenue with skyscrapers and yellow taxis | Photo from Unsplash |
  • Network accessline 123
    | `https://images.unsplash.com/photo-1477959858617-67f85cf4f1df?w=1080&q=80&fm=jpg` | Aerial Chicago skyline at dusk beside the lake | Photo from Unsplash |
  • Network accessline 124
    | `https://images.unsplash.com/photo-1519501025264-65ba15a82390?w=1080&q=80&fm=jpg` | Wet New York street with cars at dusk between towers | Photo from Unsplash |
  • Network accessline 125
    | `https://images.unsplash.com/photo-1494526585095-c41746248156?w=1080&q=80&fm=jpg` | Modern house exterior at dusk with a warm lit entrance | Photo from Unsplash |
  • Network accessline 131
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1080&q=80&fm=jpg` | Abstract purple to pink gradient | Photo from Unsplash |
  • Network accessline 132
    |---|---|---| | `https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1080&q=80&fm=jpg` | Abstract purple to pink gradient | Photo from Unsplash | | `https://images.unsplash.com/photo-1557682224-5b8590cd9ec5?w=1080&q=80&fm=jpg` | Abs
  • Network accessline 133
    | `https://images.unsplash.com/photo-1557682250-33bd709cbe85?w=1080&q=80&fm=jpg` | Abstract purple to pink gradient | Photo from Unsplash |
  • Network accessline 134
    | `https://images.unsplash.com/photo-1557682224-5b8590cd9ec5?w=1080&q=80&fm=jpg` | Abstract blue to orange-red gradient | Photo from Unsplash |
  • Network accessline 135
    | `https://images.unsplash.com/photo-1541701494587-cb58502866ab?w=1080&q=80&fm=jpg` | Blue and orange ink swirling in dark water | Photo from Unsplash |
  • Network accessline 136
    | `https://images.unsplash.com/photo-1674005619701-285543ad3a40?w=1080&q=80&fm=jpg` | Calm blue water surface with soft ripples | Photo by Ch Photography on Unsplash |
  • Network accessline 142
    | src | Shows | Credit | |---|---|---| | `https://images.unsplash.com/photo-1750363890360-2fc2f5136187?w=1080&q=80&fm=jpg` | Brown cow grazing in a lush green meadow | Photo by Seval Torun on Unsplash |
  • Network accessline 143
    |---|---|---| | `https://images.unsplash.com/photo-1750363890360-2fc2f5136187?w=1080&q=80&fm=jpg` | Brown cow grazing in a lush green meadow | Photo by Seval Torun on Unsplash | | `https://images.unsplash.com/photo-1514888286974-6c03e2ca1db
  • Network accessline 144
    | `https://images.unsplash.com/photo-1750363890360-2fc2f5136187?w=1080&q=80&fm=jpg` | Brown cow grazing in a lush green meadow | Photo by Seval Torun on Unsplash |
  • Network accessline 145
    | `https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?w=1080&q=80&fm=jpg` | Black and white cat resting on a wooden railing | Photo from Unsplash |
  • Network accessline 146
    | `https://images.unsplash.com/photo-1543466835-00a7907e9de1?w=1080&q=80&fm=jpg` | Beagle looking up with its tongue out | Photo from Unsplash |
  • Network accessline 150
    The photos come from [Unsplash](https://unsplash.com) under the [Unsplash License](https://unsplash.com/license): free to download, copy, modify and
  • Network accessline 151
    [Unsplash License](https://unsplash.com/license): free to download, copy, modify and

scripts/check-images.mjs

  • Executable scriptline 1
    #!/usr/bin/env node
  • Network accessline 36
    const response = await fetch(url, {

scripts/gen-references.mjs

  • Executable scriptline 1
    #!/usr/bin/env node
  • Network accessline 330
    lines.push("");   lines.push("```html");   lines.push('<img data-id="home__photo" data-type="image" src="https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?w=1080&amp;q=80&amp;fm=jpg" alt="Turquoise water meeting a white sand beach" 
  • Network accessline 331
    lines.push("```html");   lines.push('<img data-id="home__photo" data-type="image" src="https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?w=1080&amp;q=80&amp;fm=jpg" alt="Turquoise water meeting a white sand beach" data-credit="Photo
  • Network accessline 332
    lines.push('<img data-id="home__photo" data-type="image" src="https://images.unsplash.com/photo-1543988884-c01cfa7b41c2?w=1080&amp;q=80&amp;fm=jpg" alt="Turquoise water meeting a white sand beach" data-credit="Photo by Harry Holder on Unspl

scripts/install.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

test/byte-fidelity.test.mjs

  • Executable scriptline 1
    Executable file

test/canvas-groups.test.mjs

  • Executable scriptline 1
    Executable file

test/canvas-tree.test.mjs

  • Executable scriptline 1
    Executable file

test/cli.test.mjs

  • Executable scriptline 1
    Executable file

test/contract.test.mjs

  • Executable scriptline 1
    Executable file

test/contrast.test.mjs

  • Executable scriptline 1
    Executable file

test/diagnostics.test.mjs

  • Executable scriptline 1
    Executable file

test/evals.test.mjs

  • Executable scriptline 1
    Executable file
  • Dangerous shell operationline 179
    assert.ok(entry.expect, `eval ${entry.id} (${entry.name}) has no expect block`);
  • Dangerous shell operationline 180
    assert.ok(Array.isArray(entry.files) && entry.files.length > 0, `eval ${entry.id} names no snippet`);
  • Dangerous shell operationline 186
    test(`eval ${entry.id} ${entry.name}: the receipt is what evals.json says it is`, () => {
  • Dangerous shell operationline 191
    assert.equal(actual.stage, expect.stage, `eval ${entry.id}: expected the ${expect.stage} stage`);
  • Dangerous shell operationline 193
    assert.equal(actual.refused, expect.refused, `eval ${entry.id}: refused by a different code`);
  • Dangerous shell operationline 196
    sameMultiset(actual.codes, expect.codes ?? [], key.code, `eval ${entry.id} codes`);
  • Dangerous shell operationline 197
    sameMultiset(actual.dropped, expect.dropped ?? [], key.dropped, `eval ${entry.id} dropped`);
  • Dangerous shell operationline 198
    sameMultiset(actual.normalized, expect.normalized ?? [], key.normalized, `eval ${entry.id} normalized`);
  • Dangerous shell operationline 201
    assert.equal(actual.roundTrip, true, `eval ${entry.id}: the written file does not re-serialize to itself`);
  • Dangerous shell operationline 285
    if (!emittable.has(code)) unknown.push(`eval ${entry.id} names ${code}, which no module in lib/ emits`);
  • Dangerous shell operationline 302
    wrong.push(`eval ${entry.id} expects ${code}, and the receipt has ${[...actual].join(", ") || "nothing"}`);
  • Dangerous shell operationline 321
    wrong.push(`eval ${entry.id} claims "${clause.slice(0, 90)}", and the compiler refused before compiling anything`);
  • Dangerous shell operationline 334
    silent.push(`eval ${entry.id} drops ${prop}, and its text never names it`);
  • Dangerous shell operationline 360
    wrong.push(`eval ${entry.id} says ${prop} is refused/dropped, and the receipt keeps it`);

test/export.test.mjs

  • Executable scriptline 1
    Executable file

test/fragment.test.mjs

  • Executable scriptline 1
    Executable file

test/geometry.test.mjs

  • Executable scriptline 1
    Executable file

test/icon-fragment.test.mjs

  • Executable scriptline 1
    Executable file

test/images.test.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 31
    const rows = CATALOGUE.split("\n").filter((line) => line.startsWith("| `https://images.unsplash.com/"));

test/migrate.test.mjs

  • Executable scriptline 1
    Executable file

test/normalize.test.mjs

  • Executable scriptline 1
    Executable file

test/ops.test.mjs

  • Executable scriptline 1
    Executable file

test/pen-reader.test.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 38
    "url": "https://example.com/a//b",
  • Network accessline 41
    }`;   const parsed = JSON.parse(stripJsonComments(text));   assert.equal(parsed.url, "https://example.com/a//b");
  • Network accessline 42
    const parsed = JSON.parse(stripJsonComments(text));   assert.equal(parsed.url, "https://example.com/a//b");   assert.equal(parsed.version, "2.19");
  • Network accessline 43
    assert.equal(parsed.url, "https://example.com/a//b");
  • Network accessline 270
    test("an image fill's mode picks the background-size that means the same thing", () => {   const style = (mode) => styleFromNode(     { type: "frame", fill: mode ? { type: "image", url: "https://example.com/a.jpg", mode } : { type: "image",
  • Network accessline 271
    const style = (mode) => styleFromNode(     { type: "frame", fill: mode ? { type: "image", url: "https://example.com/a.jpg", mode } : { type: "image", url: "https://example.com/a.jpg" } },     new Map(),
  • Network accessline 272
    { type: "frame", fill: mode ? { type: "image", url: "https://example.com/a.jpg", mode } : { type: "image", url: "https://example.com/a.jpg" } },
  • Network accessline 289
    const ledger = createLedger();   const style = styleFromNode(     { type: "frame", fill: { type: "image", url: "https://example.com/a.jpg", mode: "tile" } },
  • Network accessline 290
    const style = styleFromNode(     { type: "frame", fill: { type: "image", url: "https://example.com/a.jpg", mode: "tile" } },     new Map(),
  • Network accessline 291
    { type: "frame", fill: { type: "image", url: "https://example.com/a.jpg", mode: "tile" } },

test/purity.test.mjs

  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 68
    * deletes the evidence. Handles `//` and `/* *<U+200B>/` while tracking the three quote

test/raster.test.mjs

  • Executable scriptline 1
    Executable file

test/references.test.mjs

  • Executable scriptline 1
    Executable file

test/rename.test.mjs

  • Executable scriptline 1
    Executable file

test/render.test.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 147
    const doc = file(`<section data-id="home" data-type="page" style="width:390px;height:844px"><p data-id="home__t" data-type="text" style="font-family:&quot;Noto Sans&quot;, system-ui, sans-serif;font-weight:500;font-size:100px">hi</p></secti
  • Network accessline 148
    assert.deepEqual(webfontLinks(renderModel(doc)), [     "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap",   ]);
  • Network accessline 149
    "https://fonts.googleapis.com/css2?family=Noto+Sans:wght@500&display=swap",
  • Network accessline 167
    const doc = file(`<section data-id="home" data-type="page" style="width:390px;height:844px"><p data-id="home__t" data-type="text" style="font-family:var(--font-body);font-weight:400;font-size:14px">hi</p></section>`, head);   assert.deepEqu
  • Network accessline 168
    assert.deepEqual(webfontLinks(renderModel(doc)), [     "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap",   ]);
  • Network accessline 169
    "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap",

test/serve.test.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 98
    function urlFor(server, route, withToken = true) {   const base = `http://127.0.0.1:${server.port}${route}`;
  • Network accessline 99
    const base = `http://127.0.0.1:${server.port}${route}`;
  • Network accessline 104
    async function get(server, route, options = {}) {   const res = await fetch(urlFor(server, route, options.token !== false));
  • Network accessline 105
    const res = await fetch(urlFor(server, route, options.token !== false));
  • Network accessline 113
    init.body = JSON.stringify(payload);   }   const res = await fetch(urlFor(server, route), init);
  • Network accessline 114
    }   const res = await fetch(urlFor(server, route), init);   const body = await res.text();
  • Network accessline 115
    const res = await fetch(urlFor(server, route), init);
  • Network accessline 175
    const cross = await fetch(urlFor(server, "/api/state"), { headers: { Origin: "https://evil.example" } });
  • Network accessline 179
    const wrongPort = await fetch(urlFor(server, "/api/state"), { headers: { Origin: `http://127.0.0.1:${server.port + 1}` } });
  • Network accessline 182
    const opaque = await fetch(urlFor(server, "/api/state"), { headers: { Origin: "null" } });
  • Network accessline 185
    const same = await fetch(urlFor(server, "/api/state"), { headers: { Origin: `http://127.0.0.1:${server.port}` } });
  • Network accessline 191
    const file = fixture(VALID);   await withServer(file, async (server) => {     assert.equal((await fetch(`http://127.0.0.1:${server.port}/api/state`)).status, 401);
  • Network accessline 192
    await withServer(file, async (server) => {     assert.equal((await fetch(`http://127.0.0.1:${server.port}/api/state`)).status, 401);     assert.equal((await fetch(`http://127.0.0.1:${server.port}/api/state?t=wrong`)).status, 401);
  • Network accessline 193
    assert.equal((await fetch(`http://127.0.0.1:${server.port}/api/state`)).status, 401);
  • Network accessline 194
    assert.equal((await fetch(`http://127.0.0.1:${server.port}/api/state?t=wrong`)).status, 401);
  • Network accessline 197
    [Credential-related source omitted]
  • Network accessline 201
    const module = await fetch(`http://127.0.0.1:${server.port}/lib/parse.mjs`);
  • Network accessline 208
    const file = fixture(VALID);   await withServer(file, async (server) => {     const tooLarge = await fetch(urlFor(server, "/api/ops"), {
  • Network accessline 209
    await withServer(file, async (server) => {     const tooLarge = await fetch(urlFor(server, "/api/ops"), {       method: "POST",
  • Network accessline 210
    const tooLarge = await fetch(urlFor(server, "/api/ops"), {
  • Network accessline 217
    const wrongType = await fetch(urlFor(server, "/api/ops"), {
  • Network accessline 224
    const badJson = await fetch(urlFor(server, "/api/ops"), {
  • Network accessline 321
    for (const attempt of ["/lib/../package.json", "/canvas/../../package.json", "/%2e%2e%2fpackage.json"]) {       const res = await fetch(`http://127.0.0.1:${server.port}${attempt}`);
  • Network accessline 322
    const res = await fetch(`http://127.0.0.1:${server.port}${attempt}`);
  • Network accessline 469
    const decoder = new TextDecoder();     const controller = new AbortController();     const res = await fetch(urlFor(server, "/api/events"), { signal: controller.signal });
  • Network accessline 470
    const controller = new AbortController();     const res = await fetch(urlFor(server, "/api/events"), { signal: controller.signal });     assert.equal(res.status, 200);
  • Network accessline 471
    const res = await fetch(urlFor(server, "/api/events"), { signal: controller.signal });
  • Network accessline 673
    await assert.rejects(fetch(urlFor(server, "/api/state")));
  • Network accessline 780
    const noToken = await fetch(`http://127.0.0.1:${server.port}/api/export`, {
  • Network accessline 788
    const foreign = await post(server, "/api/export", {}, { origin: "http://evil.example" });
  • Network accessline 797
    const wrongType = await fetch(urlFor(server, "/api/export"), {
  • Network accessline 806
    const tooLarge = await fetch(urlFor(server, "/api/export"), {

test/skill-doc.test.mjs

  • Executable scriptline 1
    Executable file

test/spans.test.mjs

  • Executable scriptline 1
    Executable file

test/svg-path.test.mjs

  • Executable scriptline 1
    Executable file

test/table.test.mjs

  • Executable scriptline 1
    Executable file

test/tokens.test.mjs

  • Executable scriptline 1
    Executable file

test/validate.test.mjs

  • Executable scriptline 1
    Executable file

test/verbs.test.mjs

  • Executable scriptline 1
    Executable file

test/write-funnel.test.mjs

  • Executable scriptline 1
    Executable file

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Declared and executed: 3 facts
  • Contacts www.w3.org, which SKILL.md, the README and the plugin manifest do not mentionlib/export-svg.mjs:57High confidence
  • Contacts nodejs.org, which SKILL.md, the README and the plugin manifest do not mentionlib/node/fs.mjs:52High confidence
  • Contacts fonts.googleapis.com, which SKILL.md, the README and the plugin manifest do not mentionlib/render.mjs:444High confidence
Signal confidence: 276 facts

and 226 more

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.