feat(website): promote super-prototyping on opc.dev - #93
Conversation
Add a "More from ReScience Lab" section below the skills grid featuring the super-prototyping plugin: banner, description, install command and links to the repo and prototyping.rescience.com. Also link it from the footer. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
… CTAs Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The skills grid had a single implicit `auto` column, which sizes to max-content and let every card render 907px wide inside an 852px container - so the cards sat 55px wider than the hero, the header and the new promo card. Pin the track to minmax(0, 1fr), and let the API-key row wrap now that it can no longer stretch the card. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Walks through the clone-prototype phases (grid, sample, name the face, one token block, one generator, verify by diffing, park the reference), the canvas, the fourteen worked examples and the per-agent install. Reuses the plugin repo's own OG image, so no new asset. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
new Date("2026-09-14") parses as UTC midnight, so toLocaleDateString in
a negative-offset zone rendered the previous day - every post's card and
byline could disagree by one day.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
An x-ios clone on the board grid with 07-profile.html open in the inspector, placed in the Canvas section. Downscaled to 1920px wide. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
![chatgpt-codex-connector[bot]](https://avatars.githubusercontent.com/in/1144995?s=60&v=4){kind=small}
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: cb8e1af616
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| <div class="featured-links"> | ||
| <a href="https://prototyping.rescience.com" target="_blank" rel="noopener noreferrer" class="featured-cta">Visit prototyping.rescience.com →</a> | ||
| <a href="https://github.com/ReScienceLab/super-prototyping" target="_blank" rel="noopener noreferrer" class="featured-gh" title="super-prototyping on GitHub" aria-label="super-prototyping on GitHub"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg> GitHub</a> |
There was a problem hiding this comment.
On the homepage, this block renders only the project-homepage and GitHub links; it never renders the intended copyable npx skills add ReScienceLab/super-prototyping command or a link to the Claude Code installation section. Consequently, visitors to the new promotion have no direct installation action even though the existing .install-cmd and copy-button infrastructure can provide one.
Useful? React with 👍 / 👎.
| </div> | ||
| </section> | ||
|
|
||
| <section class="featured" aria-label="More from ReScience Lab"> |
There was a problem hiding this comment.
The featured section is inserted immediately after the hero and before the <main> element containing “Available Skills,” so the homepage displays the external promotion ahead of its primary skill catalog. The change describes this section as belonging between the skills grid and FAQ; placing it there preserves the intended content hierarchy.
Useful? React with 👍 / 👎.
1 participant
What
Adds a More from ReScience Lab section to the opc.dev homepage, between the skills grid and the FAQ, promoting super-prototyping.
The card carries: repo banner, name +
v1.2.0+ Free tag, the plugin description, keyword tags, a copyablenpx skills add ReScienceLab/super-prototyping, and links to GitHub / prototyping.rescience.com / the Claude Code plugin install section.Also adds a
super-prototypinglink to the footer.Why not a skills.json entry
super-prototyping lives in its own repo with its own install commands and homepage. Putting it in
skills.jsonwould give it a wrong/skills/<name>page and an install command pointing at the wrong repo. A separate promo block keeps the skills API clean.Checks
fetchdriven in node withcaches/fetchlive, section present, 200).skill-desc/.skill-triggers/.install-cmd/.auth-tagstyles; only 7 new CSS rules + a mobile override🤖 Generated with Claude Code