All templates

Automated CodePen Weekly Round-Ups

Every Friday, WebRun opens CodePen, goes through the pens published this week by the creators you follow and the topics you track, writes a short round-up with a line on what each one demonstrates, posts it to your Microsoft Teams front-end channel, and sends the three best picks to WhatsApp.

Runs on WebRun · Strict Lockdown policy
Every Friday at 3:00 PM WebRunorchestrates each step
1 CodePen gather this week's new pens
2 Microsoft Teams post the round-up
3 WhatsApp send the top picks
In short

How do I keep my front-end team up to date with new CodePen work?

WebRun sends your front-end team a weekly inspiration round-up. Every Friday it reads your CodePen following feed and tracked tags, gathers the pens published that week with a note on the technique each shows, posts the grouped round-up to Microsoft Teams, and sends three picks to WhatsApp.

  • The team sees new front-end work weekly without anyone curating it
  • Every pick carries author credit and a direct link
  • Round-ups are grouped by technique, so they are skimmable in a minute

Built for front-end teams · design engineers · web agencies · engineering managers

Step by step

What does WebRun do on every run?

The exact actions WebRun takes, in order - in plain language, so you can adjust anything.

  1. WebRun signs in and gets to work

    Opens codepen.io/login in a real browser with your saved login - no setup, no API keys.

  2. 1
    CodePen - gather this week's new pens
    codepen.io
    WebRun in CodePen: gather this week's new pens
    WebRun opens CodePen to gather this week's new pens.
    • Sign into CodePen and open your following feed
    • List pens published in the last 7 days by the creators you follow
    • Check the tags and topics on your watch list for anything new worth seeing
    • Capture the pen title, author, link, and the technique it demonstrates
    • Skip anything already featured in a previous round-up

    Done when This week's new pens are captured with author, link, and technique.

  3. 2
    Microsoft Teams - post the round-up
    microsoft.com
    WebRun in Microsoft Teams: post the round-up
    WebRun opens Microsoft Teams to post the round-up.
    • Post the round-up to your front-end channel, grouped by technique
    • Give each pen one line saying what it demonstrates and why it is worth a look
    • Include the author credit and the link for every entry
    • Keep the post short enough to read in a minute

    Done when The front-end channel has this week's round-up grouped by technique.

  4. 3
    WhatsApp - send the top picks
    whatsapp.com
    WebRun in WhatsApp: send the top picks
    WebRun opens WhatsApp to send the top picks.
    • Send the three strongest picks to your internal team group
    • Say in one line what each one does that is worth borrowing
    • Link back to the full round-up in Teams
    • Post internally only. Never comment, fork, or react on CodePen itself

    Done when The team group has this week's three picks with links.

Run settings

How is each run configured?

Starting pageWhere Chrome opens at the start of each run
codepen.io/login
ScheduleRuns automatically on this cadence
Every Friday at 3:00 PM
DeliveryHow each run's result reaches you
Inspiration round-up · Microsoft Teams
OutputWhat each run produces - A weekly round-up of new pens from the creators and topics you follow, grouped by technique, with a one-line note and link for each.
Text
Setup & safety

Secure by default

Connect once, stays signed in

WebRun signs in once and keeps each session in a persistent environment, so every run picks up right where it left off.

Your credentials stay in your own private environment - WebRun never stores your passwords.
Strict Lockdown

Every action is checked against this policy before it runs.

Domains ALLOWLIST
Typed input ALLOW
Shell command BLOCK
File uploads BLOCK
Runs in a contained environment More on policies
Good to know

Questions, answered

Will it post anything publicly on CodePen?

No. WebRun reads your following feed and the tags you track. It never publishes a pen, leaves a comment, forks someone's work, or hearts anything, so your CodePen account shows no public activity from the run.

Does it credit the original authors?

Yes. Every entry in the round-up carries the author name and a link to the original pen, so the credit travels with the idea and your team can go straight to the source.

Can I control what it looks at?

Yes. It follows the creators your CodePen account already follows plus a tag watch list you set, so a team focused on CSS animation sees animation work rather than a generic popular feed.

Put this on autopilot.

Turn it on in minutes - or have our team set it up for you.