Slopcoding is okay sometimes. Maybe you just have a funny idea you wanted to try out? Perhaps you need a prototype of something just to see if the concept works? Or maybe it's the only way you can scale yourself enough to build something?
But it's also frustrating to be presented with something that implicitly claims to be 100% human work but also has all the tell-tale signs. The purple gradients. The weird little smallcaps subtitles. The Dramatic. Staccato. Prose.
So I made a way to openly communicate that something is vibecoded. A little wax seal (or sticker if you prefer) to put on your page. You write a personal statement, explaining how you made the thing and how much it should be trusted.
That's all. Who knows if this is a good idea.
npm install seal-of-slop<script type="module">
import 'seal-of-slop'
</script>
<seal-of-slop
size="128"
design="seal"
text="An agent wrote this page. I read all of the code before I published it,
but I did not write it.
There are no tests and no support. Use it as a toy."
></seal-of-slop>When you import the package, it registers the <seal-of-slop> element. The element has three attributes, and no other configuration.
| Attribute | Default | Description |
|---|---|---|
size | 128 | The width and the height of the seal, in CSS pixels. |
design | seal | Use seal for pressed wax. Use sticker for printed vinyl. |
text | none | Your personal statement about the slopcoded project. |
If you do not set text, the seal is decorative only.
Use CSS to position the seal. The element is an inline-block element of the size that you set. To affix the seal in a corner of the window, set position: fixed and two offsets.
The seal tells the reader that an AI agent wrote the page. So you should write the personal statement yourself! Consider: