agentmods.dev

gsp-douyin-h5

gsp-douyin-h5 is a skill for Claude Code, Codex from mike007jd/game-superpowers. It costs 33 tokens per session (1,112 once invoked), scanned A, original, MIT.

A planning guide for portrait, mobile-first interactive pages made for Douyin, a Chinese short-video platform. It helps decide the page structure, browser shell, file layout, and how the experience adapts to vertical screens before coding.

In plain words
What is it for?
Use it to plan a Douyin interactive H5, including its screen layout, browser canvas or multi-screen structure, and vertical adaptation rules.
Why use it?
It removes uncertainty about the basic shape of a Douyin H5 project. This helps prevent building gameplay before the required mobile page structure is settled.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

not rated 12repo +6 4mo ago A scan 33 tokens original MIT

Good fit Use it to plan a Douyin interactive H5, including its screen layout, browser canvas or multi-screen structure, and vertical adaptation rules.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/mike007jd/game-superpowers/gsp-douyin-h5
View source ↗ mike007jd/game-superpowers
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add mike007jd/game-superpowers --skill gsp-douyin-h5
Clone the repo
git clone --depth 1 https://github.com/mike007jd/game-superpowers

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for gsp-douyin-h5

README.md
[![agentmods](https://agentmods.dev/badge/skills/mike007jd/game-superpowers/gsp-douyin-h5/github.svg)](https://agentmods.dev/skills/mike007jd/game-superpowers/gsp-douyin-h5)
Your own site
<a href="https://agentmods.dev/skills/mike007jd/game-superpowers/gsp-douyin-h5"><img src="https://agentmods.dev/badge/skills/mike007jd/game-superpowers/gsp-douyin-h5/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for gsp-douyin-h5

Your own site · 80×15
<a href="https://agentmods.dev/skills/mike007jd/game-superpowers/gsp-douyin-h5"><img src="https://agentmods.dev/badge/skills/mike007jd/game-superpowers/gsp-douyin-h5.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 33 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,112 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00033 $0.01112
Opus 5 $0.00016 $0.00556
Sonnet 5 $0.00007 $0.00222
Haiku 4.5 $0.00003 $0.00111

Measured 11d ago against content hash 68c5495bb673, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

gsp-douyin-h5 scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

publish/clawhub/gsp-douyin-h5/SKILL.md · 89 lines

How it starts

The opening of the file, as written. The whole thing — 89 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Game Douyin H5

Goal

Turn a vague "Douyin H5 Interactive" request into a concrete browser delivery shape before implementation starts.

Outputs

Follow the gsp-orchestrator output strategy:

  • inline (default): present the route, shell rules, file structure, and adaptation constraints in conversation.
  • minimal or full: write or update docs/game-studio/platform-implementation.md.

Use ./shared/templates/douyin-h5-shell.md whenever a persisted shell decision record would help.

Use when

  • the platform is explicitly Douyin H5 Interactive, 抖音互动作品, 抖音互动空间, or 抖音互动H5
  • the deliverable must remain H5-only
  • the work is portrait-first and mobile-first
  • the user needs guidance on app shell, screen structure, canvas vs multi-screen route, or vertical adaptation before coding

Strong signals

  • 做一个抖音互动作品
  • 做一个抖音互动空间
  • 做一个抖音互动H5
  • 平台只接受H5，要竖屏适配
  • 先定项目框架、文件结构和适配方式
  • 先别写玩法，先把H5壳和结构定下来

Treat these as a signal to lock the platform shell before deeper implementation work.

Use

  • ./shared/reference/douyin-h5-interactive.md
  • ./shared/checklists/ui-ux-hard-rules.md
  • ./shared/reference/browser-2d-specialist.md

Lock these before coding

  • primary route: screen-first interactive, canvas-playable interactive, or world/canvas plus DOM HUD
  • portrait shell: viewport-fit=cover, one app-shell, safe-area ownership
  • adaptation model: ratio shell only or design-space plus viewport mapping
  • minimum state surface: loading, menu, primary interactive state, result
  • ownership boundaries: shell, screen state, gameplay state, adaptation math, HUD/overlay
  • interaction budget: one-hand play, thumb zones, first-action clarity

Route choice

  • screen-first interactive for quiz, branching, reveal flow, or text-heavy participation.
  • canvas-playable interactive for aiming, timing, physics, spatial play, or a continuous loop.
  • world/canvas plus DOM HUD for spatial play that still needs menus, HUD, result packaging, or overlays in DOM.

Read the full file on GitHub · 89 lines

Files

What ships with it

9 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 11d ago First seen · 89 lines · 33 tokens per session scan A 68c5495bb673

Subscribe to this mod's changes

gsp-douyin-h5 is a skill published in the GitHub repository mike007jd/game-superpowers (12 stars, last pushed 4mo ago), licensed MIT. It adds 33 tokens to every session and 1,112 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Claude CodeFrontendMobileagent-skillsai-nativecodexdeveloper-toolsgame-design
Related

Other skills, from other repositories

react-native

React Native mobile patterns, platform-specific code.

alinaqi/maggy · 11 tokens

app-ui-design

Mobile app UI design expert for iOS and Android. Use when designing app interfaces, creating design systems, ensuring accessibility, or following platform guidelines. Covers Material Design 3, Human Interface Guidelines, color theory, typography, and 2025 trends.

majiayu000/spellbook · 54 tokens

apple-ecosystem-expert

Expert guide for Apple Ecosystem development. Covers iOS support, Safari WebKit compatibility, PWAs (Progressive Web Apps) for iOS, and Human Interface Guidelines (HIG) for web and native apps / Panduan ahli pengembangan ekosistem Apple (iOS & Web).

roedyrustam/vibes-plug · 66 tokens

react-native

Build production React Native apps with Expo SDK 53+, Expo Router (file-based navigation), New Architecture (Fabric + TurboModules), FlashList, Reanimated 4, Zustand for state, Hermes, EAS Build, and App Store/Play Store deployment.

EliasOulkadi/shokunin · 55 tokens

expo-config-plugin

Writing Expo config plugins, withInfoPlist, withAndroidManifest, withDangerousMod, mod compose, plugin testing, and registration in app.config.ts. Triggers on config plugin, with-plugin, withInfoPlist, withAndroidManifest, withDangerousMod, withEntitlementsPlist, withGradleProperties, mod, native config, expo plugin…

fatihkan/badi · 85 tokens

expo-app-design

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

myths-labs/muse · 21 tokens