How do I install the Loliapi Frontend skill?

Run npx skillmds@latest add tomevault-io/loliapi-frontend in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Loliapi Frontend safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Loliapi Frontend?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Loliapi Frontend free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Loliapi Frontend?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Loliapi Frontend by tomevault-io — Agent Skill

Name: Loliapi Frontend
Author: tomevault-io

Loliapi Frontend

Integrate LoliAPI endpoints (https://www.loliapi.com) into frontend pages and components with framework-agnostic Fetch workflows. Use when requests involve random ACG images, avatars, or background images; selecting acg/pc/pe/pp/bg endpoints; handling id and type=url parameters; implementing loading/error states; adding timeout/retry/cache behavior; or troubleshooting redirect/CORS/image-loading issues. Use when this capability is needed.

tomevault-io Updated Sep 17, 2026

File contents

LoliAPI Frontend

Overview

Implement reliable frontend integrations for LoliAPI image endpoints. Default to framework-agnostic JavaScript + Fetch and adapt to React/Vue only when explicitly requested.

Workflow Decision Tree

Determine output type.

Need a visible image quickly: use endpoint URL directly as <img src>.
Need the source URL string for composition/logging/storage: call endpoint with type=url.

Determine endpoint family.

Adaptive image: /acg/
Desktop image: /acg/pc/
Mobile image: /acg/pe/
Avatar image: /acg/pp/
Random background image: /bg/

Determine randomness strategy.

Random image: omit id.
Stable image: pass id=<integer>.

Apply resilience defaults.

Validate inputs before request.
Apply timeout via AbortController.
Retry once for transient network failures.
Provide loading, success, and error UI states.

Escalate to diagnostics.

Read references/troubleshooting.md when response shape, redirect behavior, or rendering is inconsistent.

Required Output Contract

When generating integration code, include all items below unless the user explicitly opts out.

Expose one URL builder function that accepts endpoint, optional id, and optional type.
Use URL and URLSearchParams instead of string concatenation.
Include timeout handling and user-facing error fallback.
Document whether code relies on redirect behavior or type=url.
Keep code framework-agnostic by default; adapt only when requested.

Reference Loading Rules

Read references/endpoints.md first for endpoint capabilities and parameter behavior.
Read references/frontend-patterns.md when generating concrete code.
Read references/troubleshooting.md only when debugging or hardening behavior.
Treat /getip/ as low-trust documentation unless independently verified.

Guardrails

Never assume /getip/ examples are correct; the source document section is inconsistent.
Avoid assumptions beyond documented endpoint behavior.
Prefer deterministic fallback behavior:

If id is invalid, drop id and fetch random.
If type is invalid, omit type and accept default redirect.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

---name: loliapi-frontenddescription: Integrate LoliAPI endpoints (https://www.loliapi.com) into frontend pages and components with framework-agnostic Fetch workflows. Use when requests involve random ACG images, avatars, or background images; selecting acg/pc/pe/pp/bg endpoints; handling id and type=url parameters; implementing loading/error states; adding timeout/retry/cache behavior; or troubleshooting redirect/CORS/image-loading issues. Use when this capability is needed.---# LoliAPI Frontend## OverviewImplement reliable frontend integrations for LoliAPI image endpoints.Default to framework-agnostic JavaScript + Fetch and adapt to React/Vue only when explicitly requested.## Workflow Decision Tree1. Determine output type.- Need a visible image quickly: use endpoint URL directly as `<img src>`.- Need the source URL string for composition/logging/storage: call endpoint with `type=url`.2. Determine endpoint family.- Adaptive image: `/acg/`- Desktop image: `/acg/pc/`- Mobile image: `/acg/pe/`- Avatar image: `/acg/pp/`- Random background image: `/bg/`3. Determine randomness strategy.- Random image: omit `id`.- Stable image: pass `id=<integer>`.4. Apply resilience defaults.- Validate inputs before request.- Apply timeout via `AbortController`.- Retry once for transient network failures.- Provide loading, success, and error UI states.5. Escalate to diagnostics.- Read `references/troubleshooting.md` when response shape, redirect behavior, or rendering is inconsistent.## Required Output ContractWhen generating integration code, include all items below unless the user explicitly opts out.1. Expose one URL builder function that accepts `endpoint`, optional `id`, and optional `type`.2. Use `URL` and `URLSearchParams` instead of string concatenation.3. Include timeout handling and user-facing error fallback.4. Document whether code relies on redirect behavior or `type=url`.5. Keep code framework-agnostic by default; adapt only when requested.## Reference Loading Rules1. Read `references/endpoints.md` first for endpoint capabilities and parameter behavior.2. Read `references/frontend-patterns.md` when generating concrete code.3. Read `references/troubleshooting.md` only when debugging or hardening behavior.4. Treat `/getip/` as low-trust documentation unless independently verified.## Guardrails1. Never assume `/getip/` examples are correct; the source document section is inconsistent.2. Avoid assumptions beyond documented endpoint behavior.3. Prefer deterministic fallback behavior:- If `id` is invalid, drop `id` and fetch random.- If `type` is invalid, omit `type` and accept default redirect.---> Converted and distributed by [TomeVault](https://tomevault.io/claim/godblf) — claim your Tome and manage your conversions.

Frequently asked questions