{"slug": "codex-skill-forever-components-inspo", "title": "Codex skill: Forever Components inspo", "summary": "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.", "body_md": "| name | forever-components-inspo |\n|---|---|\n| 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. |\n\nCatalog URL: `https://forever-components.vercel.app/infinite/manifest.js`\n\n-\nFetch the manifest:\n\n```\ncurl -L -o /tmp/forever-manifest.js https://forever-components.vercel.app/infinite/manifest.js\n```\n\n-\nRead entries as\n\n`f`\n\n,`t`\n\n, and`theme`\n\n; 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:\n\n`cards/11-holographic-foil-card.html`\n\n`cards/08-holographic-iridescent.html`\n\n`cards/01-tilt-parallax.html`\n\n`css-3d/06-parallax-tilt.html`\n\n-\nUse\n\n`rg`\n\nonly to discover nearby vocabulary when semantic ranking needs help:\n\n```\nrg -n -i \"foil|tilt|holo|glare|shine|shimmer|irides|chrome|metal|card|glass|parallax\" /tmp/forever-manifest.js\n```\n\n-\nFetch source for the strongest candidates. Build each URL as\n\n`https://forever-components.vercel.app/infinite/{f}`\n\n:\n\n```\ncurl -L -o /tmp/forever-example.html https://forever-components.vercel.app/infinite/cards/11-holographic-foil-card.html\n```\n\n-\nInspect source mechanics:\n\n```\nrg -n -i \"transform|rotateX|rotateY|pointer|mousemove|gradient|mix-blend|mask|background|requestAnimationFrame|prefers-reduced-motion|document.hidden|--\" /tmp/forever-example.html\n```\n\nFor inspiration requests, return component names, source URLs, selection reasons, and transferable mechanics.\n\nFor implementation requests, adapt the mechanics into the current repo. Direct ports need explicit user intent plus licensing/attribution checked first.\n\nDone means the answer or implementation is backed by manifest-ranked candidates and fetched source for every component that materially informed the result.", "url": "https://wpnews.pro/news/codex-skill-forever-components-inspo", "canonical_source": "https://gist.github.com/sreejithraman/59ec336293c3222f9a84c4f2147e86cd", "published_at": "2026-06-28 21:38:20+00:00", "updated_at": "2026-06-29 00:27:00.655374+00:00", "lang": "en", "topics": ["developer-tools", "ai-tools"], "entities": ["Forever Components", "Vercel", "curl", "rg"], "alternates": {"html": "https://wpnews.pro/news/codex-skill-forever-components-inspo", "markdown": "https://wpnews.pro/news/codex-skill-forever-components-inspo.md", "text": "https://wpnews.pro/news/codex-skill-forever-components-inspo.txt", "jsonld": "https://wpnews.pro/news/codex-skill-forever-components-inspo.jsonld"}}