Codex skill: Forever Components inspo A developer created a tool called Forever Components Inspo that fetches a manifest of UI components from an infinite canvas site, ranks them semantically against user prompts, and retrieves their source code for inspiration or implementation. The tool uses curl to download the manifest and component files, and rg to search for relevant mechanics like transforms and gradients. | name | forever-components-inspo | |---|---| | description | Forever Components manifest search for UI inspiration. Use when the user mentions Forever Components, the infinite canvas URL, or wants design/code inspiration from that site. | Catalog URL: https://forever-components.vercel.app/infinite/manifest.js - Fetch the manifest: curl -L -o /tmp/forever-manifest.js https://forever-components.vercel.app/infinite/manifest.js - Read entries as f , t , and theme ; rank them semantically against the user's prompt. Treat wording as intent, not exact keywords.Example: "cards that tilt and have foil effect" should rank these highly: cards/11-holographic-foil-card.html cards/08-holographic-iridescent.html cards/01-tilt-parallax.html css-3d/06-parallax-tilt.html - Use rg only to discover nearby vocabulary when semantic ranking needs help: rg -n -i "foil|tilt|holo|glare|shine|shimmer|irides|chrome|metal|card|glass|parallax" /tmp/forever-manifest.js - Fetch source for the strongest candidates. Build each URL as https://forever-components.vercel.app/infinite/{f} : curl -L -o /tmp/forever-example.html https://forever-components.vercel.app/infinite/cards/11-holographic-foil-card.html - Inspect source mechanics: rg -n -i "transform|rotateX|rotateY|pointer|mousemove|gradient|mix-blend|mask|background|requestAnimationFrame|prefers-reduced-motion|document.hidden|--" /tmp/forever-example.html For inspiration requests, return component names, source URLs, selection reasons, and transferable mechanics. For implementation requests, adapt the mechanics into the current repo. Direct ports need explicit user intent plus licensing/attribution checked first. Done means the answer or implementation is backed by manifest-ranked candidates and fetched source for every component that materially informed the result.