Syntax - Tasty Web Development Treats 1003: Skills Skills Skills
72 snips
May 11, 2026 They run through practical agent skills for web work, from CSS motion systems and HTML rules to headless browser control. Techniques for extracting SVG logos and tracking tasks with simple JSON tools get covered. They also explore programmatic video creation and marketing copy skills for sharper web workflows.
AI Snips
Chapters
Transcript
Episode notes
Replace Rigid Scripts With Flexible Skill Workflows
- Replace rigid NPM scripts with flexible skill markdown files that describe workflows for tasks like creating and formatting blog tip posts.
- Wes uses a hot tip skill to gather social URLs, match posts across networks, and generate structured front-matter markdown automatically.
Encode Motion Best Practices Into A Skill
- Create a CSS motion systems skill that codifies animation rules like prefer-reduced-motion checks and performant properties to animate.
- Scott included a motion review checklist and examples (linear function tuning, view transitions) to avoid hover-everything pitfalls.
Use Agent Browser For Live Scraping And Debugging
- Use an agent browser skill to control a headless or existing Chrome instance via the debugging protocol for scraping, screenshots, and interacting with Electron apps.
- Wes uses it for debugging and to fetch live HTML or even inspect Slack programmatically.