Agent skill · design visual · aradotso
sbti-personality-test
sbti-personality-test — an agent skill for coding agents.
Why this skill is useful
Codifies a specific deployment process for a static HTML personality quiz that the AI could infer but doesn't have to guess.
What it needs
About 4k tokens when loaded. Last updated 2026-07-09. 70 stars on the source repository.
What this skill does
SBTI-test/ ├── index.html # Main quiz page (entire app logic + UI) ├── images/ # Quiz result images, type illustrations, etc. │ ├── .png / .jpg └── README.md toml [build] publish = "." command = "" [[headers]] for = "/" [headers.values] Cache-Control = "public, max-age=3600" bash Clone the repo git clone https://github.com/UnluckyNinja/SBTI-test.git cd SBTI-test Serve locally (Python 3) python3 -m http.server 8080 Then open http://localhost:8080 OR with Node.js npx npx serve . Then open http://localhost:3000 html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SBTI 测试</title> <style> / All CSS is inline / body { font-family: sans-serif; ... } .question { ... } .result { ... } </style> </head> <body> <div id="app"> <!-- Quiz questions rendered here --> </div> <script> // All quiz logic is inline JavaScript const questions = [ ... ]; const results = { ... }; // Scoring, rendering, navigation logic </script> </body> </html> html <!-- In <head> --> <title>My Custom Personality Test</title> <html lang="en"> <!-- change from zh-CN --> javascript const questions = [ { id: 1, text: "你更喜欢...", // Question text options: [ { text: "选项A", scores: { E: 1, I: 0 } }, { text: "选项B", scores: { E: 0, I: 1 } } ] }, // Add more question objects here ]; javascript const results = { "ENFP": { label: "活动家", image: "images/ENFP.png", // <-- update path if you rename/move images description: "..." }, // ... }; bash Replace an image file (keep same filename) cp my-new-ENFP.png images/ENFP.png OR update the path in index.html results object html <!-- Embed the quiz in any page --> <iframe src="https://sbti.unun.dev" width="100%" height="800px" frameborder="0" style="border-radius: 12px;" title="SBTI Personality Test"> </iframe> javascript // Save result to URL hash function showResult(type) { window.location.hash = type; // e.g. #ENFP // ... …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aradotso/sbti-personality-test