Agile Proto
- 21 installs
- 3 repo stars
- Updated July 23, 2026
- djalmajr/essential-skills
Creates interactive UI prototypes with a CDN-only stack (z-proto, Tailwind v4, shadcn-style components, Preact/htm, preact-iso), with faithful send-to-Figma captures when requested.
About
Agile-proto builds interactive UI prototypes from a CDN-only stack - z-proto, Tailwind v4, shadcn-style components, Preact/htm and preact-iso - so screens can be mocked up and clicked through without a build step. It can also produce faithful send-to-Figma captures on request. A solo builder reaches for it to explore UI flows and validate a design before committing to real implementation.
- CDN-only stack, no build step
- Tailwind v4 + shadcn-style components + Preact/htm
- Faithful send-to-Figma captures
- Explore UI flows before implementation
Agile Proto by the numbers
- 21 all-time installs (skills.sh)
- Ranked #1,549 of 2,245 Frontend Development skills by installs in the Skillselion catalog
- Data as of Jul 29, 2026 (Skillselion catalog sync)
npx skills add https://github.com/djalmajr/essential-skills --skill agile-protoAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 21 |
|---|---|
| repo stars | ★ 3 |
| Last updated | July 23, 2026 |
| Repository | djalmajr/essential-skills ↗ |
What it does
Creates interactive UI prototypes with a CDN-only stack (z-proto, Tailwind v4, shadcn-style components, Preact/htm, preact-iso), with faithful send-to-Figma captures when requested.
Who is it for?
solo builders exploring UI flows before building
Skip if: production-ready component implementation
When should I use this skill?
asked to prototype, create proto, mockup screens, or explore UI flows before implementation
Related skills
Vercel React Best PracticesAutomatically apply Vercel’s official React and Next.js performance rules during code generation and review.587k29.6kVercel Composition PatternsGenerate and refactor React components that stay maintainable as complexity grows without boolean prop explosion.267k29.6k
ShadcnAdd, compose, search, fix, and style production-grade React components directly from source without leaving their editor.257k120k
Develop UserscriptsCorrectly write, debug, and package userscripts for Tampermonkey and ScriptCat with proper metadata, GM APIs, and runtime decisions.224k72
Minimalist UiGenerate clean, editorial-style web interfaces with warm monochrome palettes, typographic hierarchy, bento grids and flat components that feel premium and utilita212k69.4kImage To CodeConvert high-fidelity design images into production-ready, visually accurate frontend code that avoids generic AI design pitfalls.177k69.4k