Agent skill

Fantasia Select Input

by vishiri in vishiri/fantasia-archive

Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags.

GPL-3.0Auto-check passedDocuments & Office

Install Fantasia Select Input

skills CLI
$ npx skills add vishiri/fantasia-archive --skill fantasia-select-input -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install vishiri/fantasia-archive fantasia-select-input --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/fantasia-select-input .claude/skills/fantasia-select-input && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
fantasia-select-input
GitHub stars
409
Token cost
~1.7k tokens
SKILL.md length
568 words
Files
1
Skills in repo
35
Repo updated
First seen
Licence
GPL-3.0

At a glance

Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags.

  • Works in 5 steps: Import FaSelectInput; pick mode → Parent owns options + reload on… → Unique test-locator → …
  • Adding select/chip fields
  • SKILL.md covers When to use, Public API (SFC), UX behavior and File map, plus 5 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Fantasia Select Input is an agent skill from vishiri/fantasia-archive. Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags. Use when adding select/chip fields or wiring document/template options.

Its SKILL.md is about 1.7k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Documents & Office. The repository describes itself as: A world-builder's best friend! The licence is GPL-3.0.

When your agent uses it

  • Adding select/chip fields
  • Wiring document/template options

Example prompts

  • “/fantasia-select-input”

Workflow steps

5 steps, taken from the first numbered list in SKILL.md.

  1. Import FaSelectInput; pick mode
  2. Parent owns options + reload on @request-options
  3. Unique test-locator
  4. Persist create-new: listen @new-value / @change; call clearIsNewFlags when ids saved
  5. Stub in parent Vitest when testing layout only

What it can do on your machine

Read from SKILL.md and the folder at commit 26d4648. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md (its code samples are vue).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Fantasia Select Input loads about 1.7k tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 568 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~1.7k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from vishiri/fantasia-archive at commit 26d4648, republished under its GPL-3.0 licence (© vishiri). 568 words, ~1,719 tokens.

Download SKILL.mdSave it as .claude/skills/fantasia-select-input/SKILL.md (or your agent's skills folder).
name
fantasia-select-input
description
Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags. Use when adding select/chip fields or wiring document/template options.

Fantasia Archive — FaSelectInput

When to use

Reusable q-select with chips, filter input, whole-word label highlight, optional create-new → FaSelectInput from src/components/elements/FaSelectInput/. No one-off chip menus that reimplement this contract.

Do not use mode="media" yet — typed stub; options always normalize to [].

Live smoke only (not persisted document field): DocumentWorkspacePageSelectSmoke under dead toggle on DocumentWorkspacePage.

App Settings enum q-select stays in DialogAppSettingsSettingBlock unless product wants this chip UX.

Public API (SFC)

vue
<FaSelectInput
  v-model="model"
  mode="document"
  :options="options"
  test-locator="myFeature-select"
  allow-create-new
  @request-options="reloadOptions"
  @new-value="onCreated"
  @change="onChange"
/>
PropRole
modeRequired — simple | document | otherType | tags | media (stub)
modelValueString(s) or object item(s) / null per mode
optionsStrings or I_faSelectInputObjectItem list
testLocatorRoot data-test-locator; chip / option / separator-alt attrs
allowCreateNewOpt-in Enter create-new (default false)
clearInputOnSelectOpt-in clear filter text after select/create (default false; chip stays)
activateOnlyOpt-in: option click/Enter emit option-activate only — no Quasar model select / menu close (Quick Search stay-open)
chipRemovableChip X remove control (default true); set false for mandatory single (chip stays, no X)
filterFnOptional override of default filter
multiple, label, loading, disable, Quasar chromeStandard defaults: dense filled dark, color primary-bright

Emits: update:modelValue, change ({ action, value }), new-value, request-options (focus + popup-show), option-activate (option click or Enter on focused option, including single reselect).

Expose: clearIsNewFlags(ids), openPopup(), getFilterNeedle().

Test hooks: {testLocator}, -filter, -chip, -selected (inline), -option-{index}, data-test-locator-separator-alt on option (index ≥ 1).

UX behavior

  • Default presentation chips; selectionPresentation="inline" for icon+label closed field (no chips)
  • chipRemovable default true; mandatory single parents set false (chip, no X)
  • Optional object color tints icons via fa-color-glyph (object icons always get that class + glyph CSS vars; flat = solid color; fantasy = shading; missing color uses workspace-row default base)
  • Hide empty single selection chip; isNew → teal-3 chip else accent; text dark
  • Object icon on chip/option/inline when non-empty
  • Filter = FA 1.0 multi-token match: space-split query words AND-matched against distinct label words (equality and/or includes); highlight claimed words only (not letter-only wash); results sorted exact → full-word → partial
  • Default: keyboard-highlight first option on popup-show and after every filter update (model unchanged)
  • Focus opens menu: Tab / Shift+Tab via keyup Tab (not @focus showPopup — that races Quasar click toggle; QSelect inheritAttrs: false drops wrapper @mousedown); parents may still call openPopup() (Quick Add template)
  • Menu fixed 600px, center under field (bottom middle / top middle); optional popupContentClass; teleported menu z-index 7002 (above QDialog)
  • separatorAlt via CSS border on option item (single virtual-scroll root); virtual-scroll-slice-size 80 fills tall menus on first open; selected = side bars on ::before + idle non-match text; filter optionMatch gold on selected too; fantasy hover/keyboard = menu bottom-edge glow (faMenuItemGlow on ::after); label/icon stay idle color (no hover wash tint)
  • Create-new: trim; simple string or object { id: crypto.randomUUID(), name, isNew: true }
Show full SKILL.md (149 more words)Show less

File map

AreaPath
SFC + stylesFaSelectInput.vue, styles/_variables.scss, styles/FaSelectInput.unscoped.scss
Composablescripts/faSelectInput_manager.ts, scripts/functions/createUseFaSelectInput.ts
Domainsrc/scripts/faSelectInput/functions/ + faSelectInput_manager.ts barrel
Typestypes/I_faSelectInput.ts
Storybook_tests/FaSelectInput.stories.ts
SmokeDocumentWorkspacePageSelectSmoke.vue + mapDocumentWorkspacePageSelectSmokeOptions.ts

Modes

ModeOptionsEmpty single
simplestrings''
document / otherType / tagsobjectsnull
mediaalways []stub

Smoke today: simple + otherType templates + document docs via projectContent IPC on request-options.

Adding to a new screen

  1. Import FaSelectInput; pick mode
  2. Parent owns options + reload on @request-options
  3. Unique test-locator
  4. Persist create-new: listen @new-value / @change; call clearIsNewFlags when ids saved
  5. Stub in parent Vitest when testing layout only

Two-level layout

  • Level 1: src/scripts/faSelectInput/functions/*.ts + element createUseFaSelectInput
  • Level 2: element faSelectInput_manager.ts wires Vue + domain barrel

See fantasia-two-level-architecture.

Tests

SuiteLocation
Vitest (SFC)FaSelectInput/_tests/FaSelectInput.vitest.test.ts
Vitest (composable)scripts/_tests/createUseFaSelectInput.vitest.test.ts
Vitest (domain)src/scripts/faSelectInput/functions/_tests/faSelectInputDomain.vitest.test.ts
SmokeDocumentWorkspacePageSelectSmoke.vitest.test.ts
Playwright componentFaSelectInput/_tests/FaSelectInput.playwright.test.ts — Tab open, reopen click, filter type, separator-alt, tall menu fill, selected-option close

Quick Add dialog PW/E2E also exercise FaSelectInput world/template fields.

© vishiri, GPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .cursor/skills/fantasia-select-input of vishiri/fantasia-archive.

Open the folder on GitHubat commit 26d4648

Compare with similar skills

Fantasia Select Input next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Fantasia Select Input compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Fantasia Select Input this skillvishiri/fantasia-archive409—~1.7kAutomated safety check: PassGPL-3.0
Markdown Article FormatterJimLiu/baoyu-skills27k6 repos~3.5kAutomated safety check: PassMIT
MarkitdownImCa0/just-laws78114 repos~3.2kAutomated safety check: NotesMIT
Obsidian MarkdownAtmosphere/atmosphere3.8k20 repos~1.3kAutomated safety check: PassApache-2.0
DOCXrvdbreemen/OTGW-firmware20733 repos~4.3kAutomated safety check: PassProprietary
Word Document Reader and WriterHKUDS/DeepTutor41k—~2.5kAutomated safety check: PassApache-2.0

Similar skills

  • Markdown Article Formatter

    JimLiu/baoyu-skills

    Reformats plain text or Markdown articles with frontmatter, a title, a summary, headings, bold, lists and code blocks, and saves a separate formatted copy.

    27k GitHub starsUsed in 6 repos~3.5k tokens
    Documents & OfficeAuto-check passed
  • Markitdown

    ImCa0/just-laws

    Convert files and office documents to Markdown. An agent skill from ImCa0/just-laws.

    781 GitHub starsUsed in 14 repos~3.2k tokens
    Documents & OfficeAuto-check: notes
  • Obsidian Markdown

    Atmosphere/atmosphere

    Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax.

    3.8k GitHub starsUsed in 20 repos~1.3k tokens
    Documents & OfficeAuto-check passed
  • DOCX

    rvdbreemen/OTGW-firmware

    A skill your agent uses whenever the user wants to create, read, edit, or manipulate Word documents (.docx files).

    207 GitHub starsUsed in 33 repos~4.3k tokens
    Documents & OfficeAuto-check passed
  • Reads, creates and edits Word .docx files with python-docx, and drops to raw OOXML for tracked changes, comments and byte-exact edits.

    41k GitHub stars~2.5k tokensUpdated 2 days ago
    Documents & OfficeAuto-check passed
  • Crossposting

    wasp-lang/wasp

    Crosspost Wasp blog articles (MDX) to DEV.to and Medium. An agent skill from wasp-lang/wasp.

    19k GitHub stars~1.1k tokensUpdated today
    Documents & OfficeAuto-check passed

More from vishiri/fantasia-archive

All 35 skills in this repo
  • Caveman Commit

    vishiri/fantasia-archive

    Ultra-compressed commit message generator. An agent skill from vishiri/fantasia-archive.

    409 GitHub starsUsed in 13 repos~642 tokens
    Auto-check passed
  • Caveman Review

    vishiri/fantasia-archive

    Ultra-compressed code review comments. An agent skill from vishiri/fantasia-archive.

    409 GitHub starsUsed in 12 repos~674 tokens
    Auto-check passed
  • Caveman Compress

    vishiri/fantasia-archive

    Compress natural language memory files (CLAUDE.md, todos, preferences) into caveman format to save input tokens.

    409 GitHub starsUsed in 9 repos~1.1k tokens
    Auto-check: notes
  • Cavecrew

    vishiri/fantasia-archive

    Decision guide for delegating to caveman-style subagents. An agent skill from vishiri/fantasia-archive.

    409 GitHub starsUsed in 7 repos~1k tokens
    Auto-check passed
  • Caveman Help

    vishiri/fantasia-archive

    Quick-reference card for all caveman modes, skills, and commands.

    409 GitHub starsUsed in 6 repos~572 tokens
    Auto-check passed
  • Fantasia Context Menu Dividers

    vishiri/fantasia-archive

    Context menu divider policy: full primary-bright group separators vs low-opacity separatorAlt between consecutive items in the same group.

    409 GitHub stars~741 tokensUpdated 2 days ago
    Auto-check passed

Questions about Fantasia Select Input

What does Fantasia Select Input do?

Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags. Fantasia Select Input is an agent skill from vishiri/fantasia-archive. Reusable FaSelectInput QSelect chips wrapper and src/scripts/faSelectInput helpers: modes simple / document / otherType / tags (media stub), filter highlight, create-new, clearIsNewFlags.

When should I use Fantasia Select Input?

Fantasia Select Input fits situations like: adding select/chip fields; wiring document/template options.

How do I install Fantasia Select Input in Claude Code?

Run `npx skills add vishiri/fantasia-archive --skill fantasia-select-input -a claude-code`. Or copy the skill folder (.cursor/skills/fantasia-select-input in vishiri/fantasia-archive) into .claude/skills/fantasia-select-input in your project. Claude Code loads it when a task matches its description.

How do I install Fantasia Select Input in Codex?

Run `npx skills add vishiri/fantasia-archive --skill fantasia-select-input -a codex`. Or copy the skill folder (.cursor/skills/fantasia-select-input in vishiri/fantasia-archive) into .agents/skills/fantasia-select-input in your project. Codex loads it when a task matches its description.

Can I use Fantasia Select Input in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add vishiri/fantasia-archive --skill fantasia-select-input -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/fantasia-select-input, .gemini/skills/fantasia-select-input, .github/skills/fantasia-select-input and .opencode/skills/fantasia-select-input in your project.

What does Fantasia Select Input need to run?

SKILL.md names no scripts, command-line tools or credentials: Fantasia Select Input is instructions for the agent only.

Does Fantasia Select Input access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Fantasia Select Input safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Fantasia Select Input use?

Fantasia Select Input is published under the GPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Fantasia Select Input use?

About 1.7k tokens (SKILL.md is roughly 6.9k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Fantasia Select Input?

Skills that share tags, products or a category with Fantasia Select Input: Markdown Article Formatter (JimLiu/baoyu-skills, 27k stars), Markitdown (ImCa0/just-laws, 781 stars), Obsidian Markdown (Atmosphere/atmosphere, 3.8k stars) and DOCX (rvdbreemen/OTGW-firmware, 207 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Fantasia Select Input?

vishiri (a GitHub user) maintains it in vishiri/fantasia-archive, which has 409 GitHub stars. The repository holds 35 skills in this directory. The repository was last updated on October 7, 2026.

Source: vishiri/fantasia-archive on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.