AI Summary
5 min readHosts Wes Bos and Scott Tolinski discuss "skills"—markdown files that extend AI agents' capabilities by providing step-by-step instructions for specific tasks. These replace rigid npm scripts or pipelines with flexible guides that agents can adapt mid-process. They share eight favorites, explain their use cases, and note how skills enforce personal standards in code, workflows, and content creation.
Defining and Building Skills
Skills are project-specific or global markdown documents outlining when and how an agent should perform a task. They describe triggers (e.g., "when user asks to create a new tip"), steps (e.g., gather content via npx commands or scripts), and formatting rules. This setup handles variability better than fixed scripts, which break on changes like needing to restart midway.
Continue reading the full summary in the app — free to try.
Read Full Summary →Free • No credit card required
What you'll learn
- 1 (00:00) **Intro to Skills** - Hosts introduce AI agent skills as markdown files replacing rigid scripts, share 4 favorites each with links
- 2 (01:34) **Wes's Hot Tip Skill** - Custom skill automates posting short tips from social media to wesbos.com/tips
- 3 (05:55) **Scott's CSS Motion Systems** - Skill enforces performant CSS animations, view transitions, and motion checklist
- 4 (08:17) **Agent Browser Skill** - Popular skill for programmatic headless browser control via Chrome debugging protocol
- 5 (09:30) **Scott's HTML Skill** - Rules to fix AI's HTML anti-patterns like div soup, misuse of lists/buttons/links
- 6 (12:01) **Wes's Extract Logos Skill** - Automates finding/downloading SVG logos from sources like simpleicons.org
- 7 (13:34) **Scott's Dex Task Skill** - Guides agents on Dex CLI/JSON for to-do tracking, better than database-heavy alternatives
+ Full timestamped outline available in the app
Show Notes
Scott and Wes chat all things agent skills for web developers, sharing their favorites for everything from CSS animations and HTML generation to logo extraction, marketing copy, and video creation. Whether you’re just getting started with AI-powered development or looking to level up your workflow, this episode is packed with practical skills you can put to use today.
Show Notes
- 00:00 Welcome to Syntax!
- 01:33 Hot Tip Skill
- 05:55 CSS Motion Systems
- 08:17 Agent Browser Skill
- 09:30 HTML Skill
- 12:01 Extract Logos Skill
- 13:34 Dex Task Skill
- 14:50 Remotion and Hyper Frames Skills
- 16:22 Discussion on AI and Design Skills
- 18:50 Marketing Skills and Copywriting
- 23:01 Final Thoughts and Resources
- 24:10 Brought to you by Sentry.io
Hit us up on Socials!
Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram More from this podcast