Every tracked skill has a portable demo and the exact prompt needed to recreate or remix it.
agent-skills/<category>/<skill-name>/
SKILL.md
demo/
index.html
PROMPT.md
preview.jpg # rendered 1280 x 720 browser screenshot
source.json # Neuform provenance and ranking snapshot
assets/ # only when local assets are required
input.md # workflow skills
expected-output.md # workflow skills
- Keep HTML, CSS, and JavaScript in demo/index.html.
- Keep images, fonts, models, textures, and vendored files inside demo/assets/.
- Keep one rendered 1280 x 720 browser screenshot in demo/preview.jpg.
- Use relative paths and no build step.
- Keep the exact recreation prompt and a shorter remix prompt in demo/PROMPT.md.
- Use fictional portable data in workflow examples.
- Neuform-sourced demos preserve the real generated HTML and may retain pinned CDN runtime dependencies.
- Browse every rendered example in SCREENSHOTS.md or the visual browser gallery.
Run any demo with:
python3 -m http.server 4173 -d agent-skills/<category>/<skill-name>/demoFill missing demo files without replacing hand-tuned examples:
node scripts/backfill-skill-demos.mjsRefresh exact Neuform matches from their current top-ranked public design:
node scripts/sync-neuform-skill-demos.mjsRebuild the screenshot gallery after refreshing browser captures:
node scripts/build-demo-screenshot-gallery.mjsUse --force only when every locally generated demo should be intentionally regenerated. Source-derived demos are never replaced by the generic backfill.
- Total: 89
- codex: 13
- media: 2
- ui: 1
- web-design: 73
| Skill | Category | Demo | Preview | Prompt | Source |
|---|---|---|---|---|---|
| article-prompts-to-skills | codex | Open | Preview | Prompt | Local |
| audit-verify-explain-grade-5 | codex | Open | Preview | Prompt | Local |
| browser-video-recording | codex | Open | Preview | Prompt | Local |
| daily-ui-inspiration-capture | codex | Open | Preview | Prompt | Local |
| elevenlabs-tts | codex | Open | Preview | Prompt | Local |
| html-to-interaction-prompts | codex | Open | Preview | Prompt | Local |
| optimize-web-animations | codex | Open | Preview | Prompt | Local |
| performance-profiling | codex | Open | Preview | Prompt | Local |
| stitched-full-page-capture | codex | Open | Preview | Prompt | Local |
| video-to-superprompt | codex | Open | Preview | Prompt | Local |
| x-bookmark-quote-posts | codex | Open | Preview | Prompt | Local |
| aura-asset-images | media | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| unsplash-asset-images | media | Open | Preview | Prompt | Local |
| design-first-ui-prompting | ui | Open | Preview | Prompt | Local |
| agency-grid-layout-minimal | web-design | Open | Preview | Prompt | Neuform #1 · 731 views |
| ambient-section-particles | web-design | Open | Preview | Prompt | Local |
| animation-on-scroll | web-design | Open | Preview | Prompt | Local |
| animation-systems | web-design | Open | Preview | Prompt | Local |
| atmosphere-background | web-design | Open | Preview | Prompt | Local |
| background-grid-webgl | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| beautiful-shadows | web-design | Open | Preview | Prompt | Neuform #1 · 1,953 views |
| blue-cloudy-clean-modern | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| blue-laser-clean-glass-layout | web-design | Open | Preview | Prompt | Local |
| book-serif-index | web-design | Open | Preview | Prompt | Neuform #1 · 80 views |
| bright-green-tech-system-webgl | web-design | Open | Preview | Prompt | Local |
| cinematic-gsap-lenis-motion-system | web-design | Open | Preview | Prompt | Local |
| cinematic-scroll-storytelling | web-design | Open | Preview | Prompt | Local |
| clean-minimal-beige-light-mode | web-design | Open | Preview | Prompt | Neuform #1 · 744 views |
| cobejs | web-design | Open | Preview | Prompt | Local |
| company-logos | web-design | Open | Preview | Prompt | Neuform #1 · 435 views |
| container-lines | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| corner-diagonals | web-design | Open | Preview | Prompt | Neuform #1 · 1,953 views |
| corner-lasers | web-design | Open | Preview | Prompt | Neuform #1 · 278 views |
| css-alpha-masking | web-design | Open | Preview | Prompt | Local |
| css-border-gradient | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| dark-blue-contrasting-clean | web-design | Open | Preview | Prompt | Local |
| dark-glass-clean-layout | web-design | Open | Preview | Prompt | Local |
| dither-background | web-design | Open | Preview | Prompt | Neuform #1 · 1,043 views |
| dither-laser-dark-mode | web-design | Open | Preview | Prompt | Neuform #1 · 322 views |
| documentary-brutalist-agency | web-design | Open | Preview | Prompt | Local |
| editorial-portfolio-chapters | web-design | Open | Preview | Prompt | Local |
| editorial-service-booking | web-design | Open | Preview | Prompt | Local |
| editorial-tech | web-design | Open | Preview | Prompt | Neuform #1 · 607 views |
| framed-grid-layout | web-design | Open | Preview | Prompt | Neuform #1 · 1,043 views |
| framed-tech-dark-border-gradient | web-design | Open | Preview | Prompt | Local |
| funky-purple-container-tech | web-design | Open | Preview | Prompt | Local |
| glass-dark-mode-clock | web-design | Open | Preview | Prompt | Neuform #1 · 1,043 views |
| glass-dark-ui | web-design | Open | Preview | Prompt | Local |
| globe-gl | web-design | Open | Preview | Prompt | Local |
| globe-particles | web-design | Open | Preview | Prompt | Neuform #1 · 607 views |
| gooey-blob-system | web-design | Open | Preview | Prompt | Neuform #1 · 170 views |
| gsap-scrolltrigger-storytelling | web-design | Open | Preview | Prompt | Neuform #1 · 78 views |
| gsap | web-design | Open | Preview | Prompt | Neuform #1 · 857 views |
| high-contrast-skeuomorphic-clean | web-design | Open | Preview | Prompt | Neuform #1 · 851 views |
| image-first-grid-layout | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| landing-page | web-design | Open | Preview | Prompt | Local |
| light-mode-paper-technical | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| marquee-loop | web-design | Open | Preview | Prompt | Neuform #1 · 353 views |
| masked-reveal | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| matterjs | web-design | Open | Preview | Prompt | Local |
| mesh-gradient-dark-blue-clean | web-design | Open | Preview | Prompt | Neuform #1 · 1,043 views |
| nested-container-clean-agency | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| nested-container-frames | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| number-details | web-design | Open | Preview | Prompt | Neuform #1 · 322 views |
| operational-enterprise-ai | web-design | Open | Preview | Prompt | Local |
| orange-clean-paper-saas | web-design | Open | Preview | Prompt | Neuform #1 · 542 views |
| pricing-page | web-design | Open | Preview | Prompt | Local |
| product-proof-saas | web-design | Open | Preview | Prompt | Local |
| progressive-blur | web-design | Open | Preview | Prompt | Neuform #1 · 381 views |
| reveal-hover-effect | web-design | Open | Preview | Prompt | Local |
| scroll-progress-timeline | web-design | Open | Preview | Prompt | Local |
| scroll-scrubbed-visual-sequence | web-design | Open | Preview | Prompt | Local |
| scroll-scrubbed-word-reveal | web-design | Open | Preview | Prompt | Local |
| scroll-world-storytelling | web-design | Open | Preview | Prompt | Local |
| skeuomorphic-ui | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| solar-duotone-bold | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
| split-layout-technical | web-design | Open | Preview | Prompt | Neuform #1 · 2,154 views |
| staggered-word-reveal | web-design | Open | Preview | Prompt | Local |
| tailwindcss | web-design | Open | Preview | Prompt | Local |
| tech-green-dark-mode-modern | web-design | Open | Preview | Prompt | Local |
| technical-wireframe-info-layout | web-design | Open | Preview | Prompt | Neuform #1 · 1,424 views |
| threejs | web-design | Open | Preview | Prompt | Local |
| unicorn-studio | web-design | Open | Preview | Prompt | Local |
| vantajs | web-design | Open | Preview | Prompt | Local |
| webgl-3d-object | web-design | Open | Preview | Prompt | Neuform #1 · 405 views |
| webgl-landing-steering | web-design | Open | Preview | Prompt | Local |
| webgl-laser | web-design | Open | Preview | Prompt | Neuform #1 · 351 views |
