它会怎么做

从 SKILL.md 抽出的真实步骤，Agent 就是按这个顺序执行的。

01
Establish content and output location
Read the target repository and its instructions first. Collect, or draft in the designer's plain first-person voice: name, discipline label, city, founding year and availability (city and availability are the two hero chips); a three-sentence bio with two or three bolded facts; a
02
Choose the stack
With no existing project and no requested framework, the deliverable is **one self-contained HTML file** built from the template, like the store demo: copy `references/template.html` next to an `images/` folder, fill it, then run `scripts/inline-assets.mjs` (images and fonts beco
03
Keep the signature, read the system
Read `references/style-guide.md` and `references/visual-contract.md` before writing markup. Non-negotiables:
04
Plan the pages
Use `references/route-inventory.md` and `references/page-library.md`. Home, a project index with one page per project, Contact (the brief form) and Not found always ship; About and Services ship unless the brief has nothing for them. Route names and labels are the buyer's own (re
05
Plan and make the images
Follow `references/image-plan.md`. Write one art-direction sentence, then one slot per role: the greyscale cut-out portrait, one type-free artwork per project (each a different print medium, the type zone left empty), one documentary studio photograph, and blank-sheet plates (wal
06
Build structure and interactions
Shared components: header, sheet, chip label, buttons, chips, poster card, field, segmented choice, accordion, toast, CTA band, footer. Collections render from data. Required behaviour:

包里有什么

30 个文件 · 2.6 MB

SKILL.mddoc · 20 KB
references/framework-adaptation.mddoc · 9 KB
references/icon-library.mddoc · 2 KB
references/image-plan.mddoc · 14 KB
references/images/portrait-jonas.webpmedia · 50 KB
references/images/poster-cine-claro.webpmedia · 103 KB
references/images/poster-field-notes.webpmedia · 249 KB
references/images/poster-harbour-lights.webpmedia · 130 KB
references/images/poster-low-tide.webpmedia · 107 KB
references/images/poster-open-kennel.webpmedia · 60 KB
references/images/poster-ridge-run.webpmedia · 219 KB
references/images/poster-santo-bairro.webpmedia · 275 KB
references/images/poster-typewriter-bloom.webpmedia · 280 KB
references/images/scene-field-notes.webpmedia · 229 KB
references/images/scene-harbour-lights.webpmedia · 370 KB
references/images/scene-low-tide-sessions.webpmedia · 90 KB
references/images/scene-typewriter-bloom.webpmedia · 143 KB
references/images/studio.webpmedia · 122 KB
references/interior-pages.mddoc · 2 KB
references/motion-system.mddoc · 4 KB
references/page-library.mddoc · 6 KB
references/quality-checklist.mddoc · 5 KB
references/reui-components.mddoc · 3 KB
references/route-inventory.mddoc · 3 KB
references/style-guide.mddoc · 8 KB
references/template.htmlweb · 140 KB
references/visual-contract.mddoc · 3 KB
scripts/composite-in-place.pycode · 4 KB
scripts/inline-assets.mjscode · 5 KB
scripts/validate-mono.mjscode · 22 KB

免费网页与落地页

黑白设计师作品集

浅网格纸上的黑白作品集：巨大标题、灰阶人像与 2×4 海报网格。

文件: 30
脚本: 3
源文件: 2.6 MB

下载 ZIP · 2.5 MB

装到哪

mkdir -p ~/.agents/skills
unzip bs-mono-designer-portfolio.zip -d ~/.agents/skills/

其他 Agent 的安装路径

需要准备

· 运行环境：node · npx

网页落地页作品集黑白

原始的英文说明来自 SKILL.md

Build a monochrome graphic-design portfolio site on faint grid paper: a huge black display title beside a greyscale cut-out portrait, dark label chips, a two-by-four poster grid and generic tool tiles, with Home, About, Work, eight poster detail pages, Services and Contact. Every page is fully designed and linked, with work filters, a plus accordion and a demo brief form. Ideal for poster, print and illustration designers who want a quiet, print-like presence that lets the work carry all the colour.

接着看