Quasar Skilld
skilld-dev/vue-ecosystem-skills
Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).
Builds Vue 3 + Quasar UI for Fantasia Archive: layouts, pages, router, Pinia, and boot files.
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vue --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .claude/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.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/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .claude/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vueType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vue --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .agents/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .agents/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vue --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .cursor/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .cursor/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/vishiri/fantasia-archive.git --path .cursor/skills/fantasia-quasar-vue--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vue --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .gemini/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .gemini/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vueInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .github/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .github/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .github/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vishiri/fantasia-archive fantasia-quasar-vue --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vishiri/fantasia-archive.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.cursor/skills/fantasia-quasar-vue .opencode/skills/fantasia-quasar-vue && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "fantasia-quasar-vue" agent skill from https://github.com/vishiri/fantasia-archive/tree/master/.cursor/skills/fantasia-quasar-vue into .opencode/skills/fantasia-quasar-vue/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "fantasia-quasar-vue", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
fantasia-quasar-vueBuilds Vue 3 + Quasar UI for Fantasia Archive: layouts, pages, router, Pinia, and boot files.
Fantasia Quasar Vue is an agent skill from vishiri/fantasia-archive. Builds Vue 3 + Quasar UI for Fantasia Archive: layouts, pages, router, Pinia, and boot files. Use when editing .vue files, Quasar components, routes, or stores under src/.
Its SKILL.md is about 2.1k 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 Frontend & Design. It works with Vue.js. The repository describes itself as: A world-builder's best friend! The licence is GPL-3.0.
Read from SKILL.md and the folder at commit 26d4648. It shows what the files ask for, not the result of running them.
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.
Shell commands in SKILL.md call:
yarnFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use yarn, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Fantasia Quasar Vue loads about 2.1k tokens when it runs. Until then it costs about 48 tokens; SKILL.md has 531 words of instructions outside code blocks.
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.
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.
The full file from vishiri/fantasia-archive at commit 26d4648, republished under its GPL-3.0 licence (© vishiri). 531 words, ~2,084 tokens.
.claude/skills/fantasia-quasar-vue/SKILL.md (or your agent's skills folder).package.json engines.node)quasar v2, @quasar/app-vite)src/stores/); router src/router/app/ → project rootsrc/components/)_<PascalCase> folder + file — see AGENTS.md Renderer components. Not for dialog sub-panels.dialogs/ — Dialog* modals. Root q-dialog refs in global open coordination → registerComponentDialogStackGuard or registerMarkdownDialogStackGuard from dialogManagement_manager.ts.floatingWindows/ — Window* movable/resizable surfaces. _FaFloatingWindowBodyTeleport; useFaFloatingWindowFrame; no dialog stack guard. Z-index 5000–5999. Playbook: fantasia-floating-windows.globals/ — chrome (GlobalWindowButtons, AppControlMenus, _FaUserCssInjector, …)elements/ — reusable widgets (FaSelectInput, FaColorPickerInput, FaIconPickerInput, FaLocaleTranslationsInput, FaVerticalDraggableTabList, FaDeleteConfirmButton, …)other/ — composites (SocialContactButtons)foundation/ — Storybook-only catalogues; no product routes, no Playwright@he-tree/vue only; QTree forbidden — fantasia-he-treevue-draggable-plus / v-draggable-table — fantasia-drag-dropLocale L_*: i18n/<locale>/components/<bucket>/ mirrors buckets (foundation/ excluded). dialogs/, floatingWindows/ beside components/.
MainLayout.vue, src/router/routes.tsMainLayout.vue registers keydown after S_FaKeybinds loads — fantasia-keybindsComponentTesting.vue + ComponentTestingLayout.vuesrc/components/**/_tests/<Component>.stories.ts, meta.title Components/<bucket>/<ComponentName>. Layout/page stories canvas-only — storybook-stories.mdc. Workspace: .storybook-workspace/Every .vue SFC: <template> → <script> / <script setup> → <style>. Never open script or style before template.
q-* + sibling spacing/typography patternsstyles/_variables.scss, src/css/theme/quasar-components/, globals partials, app.palette.scss — see project-scss.mdc. --fa-color-* on :root in fa-theme.scss; semantic utilities in faSemanticText.scss. Do not reference raw palette $primary, $grey, … in <style> — use semantic tokens. After quasar-components/ edits: yarn audit:quasar-component-tokens. $ names use hyphens, not underscores.hasScrollbar — scrollbar.scss<code class="code-token">src/boot/ — tooltip-defaults sets global q-tooltip delay (FA_Q_TOOLTIP_DELAY_MS, 500 ms)import type for type-only imports$t('...') — avoid useI18n only for t when template binding worksprimary-bright separator vs low-opacity separatorAlt between consecutive items in same group — fa-context-menu-dividers.mdc, fantasia-context-menu-dividers; helper contextMenuShouldShowSeparatorAltBeforeItem in AppControlMenus/scripts/functions/; SCSS mixin AppControlMenus/styles/_contextMenuSeparators.mixin.scsspublic/ assets and Electron (file://) (MUST)When import.meta.env.BASE_URL is '/' or empty, /images/... resolves to filesystem root under file://. Build public/ URLs with relative base (e.g. ./images/...). Example: SocialContactSingleButton.vue.
_data/ (production structured payloads)Large production data objects → src/components/<Feature>/_data/ (several .ts files OK). May use i18n, copy helpers, trigger handlers. Test fixtures stay inside test files — not _data/ or _tests/_data/.
scripts/ and SFC size (MUST).vue ≤250, functions ≤100, .ts ≤250 — code-size-decomposition.mdcscripts/*.ts, subcomponents, src/scripts/ when over limit. SCSS only under styles/ — component-styles-folder.mdcreturn { ... }_data/ and shared src/scripts/ — vue-quasar.mdc.vue files| Topic | Rule |
|---|---|
| Quasar, Composition API, i18n, extraction | vue-quasar.mdc |
| BEM + scoped SCSS | vue-bem-scss.mdc |
| Extracted styles | component-styles-folder.mdc |
data-test-* hooks | vue-template-test-hooks.mdc |
| Trees | fa-he-tree.mdc |
| DnD | fa-drag-drop-lists.mdc |
| Icon picker | fa-icon-picker.mdc |
| Select / chips | fa-select-input.mdc |
| Locale translations input | fa-locale-translations-input.mdc |
| Global SCSS | project-scss.mdc |
yarn testbatch:verify (testing-terminal-isolation.mdc, eslint-typescript.mdc)yarn lint:stylelint when changing <style> or src/**/*.scssquasar.config.ts: match Quasar typings (PWA workboxMode, BEX QuasarBexConfiguration)_tests/<Name>.vitest.test.ts per feature .vuei18n edits → fantasia-testing Connected testsL_* imports — not full locale roots (markdown documents/*.md break import analysis)documents.* in externalFileLoader.tsA11y/* stories; no stories that only exercise TEST_ENV === 'components' branchesShared types → types/ (app/types/...). See types-folder.mdc.
© 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
Just SKILL.md in .cursor/skills/fantasia-quasar-vue of vishiri/fantasia-archive.
Open the folder on GitHubat commit 26d4648
Fantasia Quasar Vue 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Fantasia Quasar Vue this skillvishiri/fantasia-archive | 409 | — | ~2.1k | Automated safety check: Pass | GPL-3.0 | |
| Quasar Skilldskilld-dev/vue-ecosystem-skills | 181 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Front-End Checklist CLI Reviewthedaviddias/Front-End-Checklist | 74k | — | ~692 | Automated safety check: Pass | MIT | |
| Vue Nuxtericrisco/rsc-harness | 180 | — | ~4.2k | Automated safety check: Pass | MIT | |
| Docs LookupProgrammerAnthony/Expert-Coding-Harness | 235 | — | ~640 | Automated safety check: Pass | MIT | |
| Tailwindcss Developmentanonaddy/anonaddy | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT |
skilld-dev/vue-ecosystem-skills
Build, configure, and debug apps with the Quasar framework (quasar npm package, v2.33.1).
thedaviddias/Front-End-Checklist
Runs the frontendchecklist CLI against local files or a deployed URL to check code against 380+ accessibility, performance, SEO and security rules, with fixable, cited findings.
ericrisco/rsc-harness
A skill your agent uses when building or reviewing a Vue 3 + Nuxt 4 app — <script setup reactivity, SSR/SSG/hybrid routeRules, the app/+server/ layout, SSR-safe fetching (useFetch/useAsyncData) and…
ProgrammerAnthony/Expert-Coding-Harness
通过 Context7 MCP 获取库和框架的实时最新文档,而非依赖训练数据,防止 API 幻觉。适用于查询任何库或框架的用法、配置、示例代码。触发词:怎么用、怎么配置、API参考、文档、示例代码、用法、接口、库文档、框架文档、documentation、docs、how to use、API…
anonaddy/anonaddy
Always invoke when the user's message includes 'tailwind' in any form.
greensock/gsap-skills
Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.
vishiri/fantasia-archive
Ultra-compressed commit message generator. An agent skill from vishiri/fantasia-archive.
vishiri/fantasia-archive
Ultra-compressed code review comments. An agent skill from vishiri/fantasia-archive.
vishiri/fantasia-archive
Compress natural language memory files (CLAUDE.md, todos, preferences) into caveman format to save input tokens.
vishiri/fantasia-archive
Decision guide for delegating to caveman-style subagents. An agent skill from vishiri/fantasia-archive.
vishiri/fantasia-archive
Quick-reference card for all caveman modes, skills, and commands.
vishiri/fantasia-archive
Context menu divider policy: full primary-bright group separators vs low-opacity separatorAlt between consecutive items in the same group.
Works with
Categories
Builds Vue 3 + Quasar UI for Fantasia Archive: layouts, pages, router, Pinia, and boot files. Fantasia Quasar Vue is an agent skill from vishiri/fantasia-archive. Builds Vue 3 + Quasar UI for Fantasia Archive: layouts, pages, router, Pinia, and boot files.
Fantasia Quasar Vue fits situations like: editing .vue files; quasar components; stores under src/.
Run `npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a claude-code`. Or copy the skill folder (.cursor/skills/fantasia-quasar-vue in vishiri/fantasia-archive) into .claude/skills/fantasia-quasar-vue in your project. Claude Code loads it when a task matches its description.
Run `npx skills add vishiri/fantasia-archive --skill fantasia-quasar-vue -a codex`. Or copy the skill folder (.cursor/skills/fantasia-quasar-vue in vishiri/fantasia-archive) into .agents/skills/fantasia-quasar-vue in your project. Codex loads it when a task matches its description.
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-quasar-vue -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-quasar-vue, .gemini/skills/fantasia-quasar-vue, .github/skills/fantasia-quasar-vue and .opencode/skills/fantasia-quasar-vue in your project.
Going by SKILL.md and its folder, Fantasia Quasar Vue needs the command-line tools its instructions call (yarn). Our summary lists: Node.js.
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.
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.
Fantasia Quasar Vue 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.
About 2.1k tokens (SKILL.md is roughly 8.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Fantasia Quasar Vue: Quasar Skilld (skilld-dev/vue-ecosystem-skills, 181 stars), Front-End Checklist CLI Review (thedaviddias/Front-End-Checklist, 74k stars), Vue Nuxt (ericrisco/rsc-harness, 180 stars) and Docs Lookup (ProgrammerAnthony/Expert-Coding-Harness, 235 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
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.