SBTI 测试

# Sbti Personality Test > ```markdown - Skill: `aradotso-trending-skills/sbti-personality-test` (Agent Skill) - Install (CLI): `npx skillmds@latest add aradotso-trending-skills/sbti-personality-test` - Raw SKILL.md: https://api.skillmd.com/api/skills/aradotso-trending-skills/sbti-personality-test/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Docs & Writing - Author: aradotso (https://skillmd.com/u/aradotso-trending-skills) - Updated: 2026-09-21 - Page: https://skillmd.com/skills/aradotso-trending-skills/sbti-personality-test --- ```markdown --- name: sbti-personality-test description: A single-page HTML personality/quiz test web app (SBTI Test mirror) with split image and HTML assets, deployable as a static site. triggers: - "set up sbti test" - "deploy personality quiz html" - "mirror sbti test page" - "customize sbti quiz" - "host static quiz site" - "modify sbti test questions" - "add sbti test to my site" - "embed personality test html" --- # SBTI Personality Test (Mirror) > Skill by [ara.so](https://ara.so) — Daily 2026 Skills collection. ## What This Project Does SBTI Test is a **single-page static web application** that presents a personality/type quiz (SBTI-style) to users. The entire app is self-contained HTML with associated image assets — no backend, no build step, no dependencies to install. The HTML file itself is the full source code. - **Live demo**: https://sbti.unun.dev - **Original author**: Bilibili @蛆肉儿串儿 - **License**: None declared — use at your own discretion, do not trouble the original author. The repo splits images and HTML into separate files for easier hosting/mirroring. --- ## Project Structure ``` SBTI-test/ ├── index.html # Main quiz page (entire app logic + UI) ├── images/ # Quiz result images, type illustrations, etc. │ ├── *.png / *.jpg └── README.md ``` --- ## How to Deploy ### Option 1: GitHub Pages (recommended) 1. Fork or clone the repo. 2. Push to your GitHub repository. 3. Go to **Settings → Pages → Source**: set branch to `main`, folder to `/ (root)`. 4. Your site will be live at `https://.github.io//`. ### Option 2: Netlify / Vercel (drag & drop) 1. Download/clone the repo locally. 2. Drag the project folder into [Netlify Drop](https://app.netlify.com/drop) or import via Vercel dashboard. 3. No build command needed — output directory is the root `.`. **Netlify config (optional `netlify.toml`):** ```toml [build] publish = "." command = "" [[headers]] for = "/*" [headers.values] Cache-Control = "public, max-age=3600" ``` ### Option 3: Local Development ```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 ``` --- ## Key Files & How to Modify ### `index.html` — The Entire App Since the whole app is one HTML file, all customization happens here. **Typical structure inside `index.html`:** ```html SBTI 测试

``` --- ## Common Customization Patterns ### 1. Change the Page Title / Language ```html My Custom Personality Test ``` ### 2. Add / Edit Questions Locate the `questions` array in the `