Build with AI · Prompts

Prompt library

Prompts that work, because they name the right jsKjs feature. Copy, paste, adjust the file names.

Start a project

Kick-off

Prompt
Build this page with jsKjs (https://jskjs.org). Load only https://jskjs.org/cdn/1.0.0/jskjs.min.js — no jQuery, htmx, Alpine.js or GSAP. Prefer kj-* attributes for server requests and kj-data for UI state; use $() only when attributes can't express it. Read https://jskjs.org/llms-full.txt first if you can.

Backend pairing

Prompt
Use plain PHP endpoints that return HTML fragments for every kj-* request. Escape all output with htmlspecialchars. No database unless I ask; keep each endpoint under 40 lines.

Add features

Live search

Prompt
Add a search input that queries search.php?q= as the user types (kj-trigger="keyup delay:300ms") and renders results into a list with aria-live="polite".

Form without reload

Prompt
Make the contact form post with kj-post to contact.php, show the server's message under the form, and disable the button while the request runs (kj-indicator + aria-busy).

Reactive widget

Prompt
Turn the pricing section into a kj-data component with a monthly/yearly toggle; bind prices with kj-text and the active toggle with :aria-pressed.

Motion polish

Prompt
Add entrance animation to the cards with $.from and stagger (seconds, ease power2.out). Skip it when prefers-reduced-motion is set.

Migrate & review

Migrate from jQuery

Prompt
Replace jQuery with jsKjs in this project. Keep behaviour identical. Flag every use of APIs jsKjs does not include (.stop, .delay, $.Deferred, .nextAll, $.ajaxSetup, JSONP) and propose replacements. Note: .val() on checkboxes returns a boolean in jsKjs.

Collapse four libraries

Prompt
This page loads jQuery, htmx, Alpine.js and GSAP. Rewrite it to use only jsKjs. List anything that has no jsKjs equivalent instead of approximating it silently.

Review against the rules

Prompt
Review this file against the jsKjs rules in AGENTS.md: unescaped user data, invented APIs, missing labels or aria-live, seconds vs milliseconds mix-ups, and JavaScript that could be a kj-* attribute.
TipAgents follow rules files more reliably than long prompts. Put the rules in the kit file for your tool and keep prompts about what you want.