What /baoyu-diagram made
One recorded run: the prompt, and what the Agent built with the Skill.
Teach your agent skilld
npx skilld install skilld --globalPromptCreate a professional dark SVG sequence diagram for a fictional parcel-locker pickup. Actors are customer, kiosk, booking service, and locker. Messages are scan pickup code, validate code, valid booking response, unlock locker, door opens, and mark collected. Include invalid-code alternative clearly. Follow the Skill's standalone SVG output and save diagram.svg. Also embed that exact SVG into one responsive index.html, with a readable title and numbered-message legend, for the demo viewer. Do not replace the SVG with generic boxes. Don't ask questions. Make the design calls yourself. Use TypeScript for build tooling if needed. Save the final demo as one self-contained index.html with all CSS and runtime JavaScript inline. Bundle any package code locally. All visible controls must work. It will run in an opaque iframe with sandbox allow-scripts only: no form submissions, storage, popups, or downloads. Use explicit button handlers and in-page results. Support reduced motion, keyboard use, 390px mobile, and 1440px desktop. Verify the important controls in a browser before finishing.
