skills.rest
C20-40A
C20-40ACOMMUNITY
Explore all skills by this author →
GitHub

add-tutorial

Register tutorial entries by orchestrating GIF assets, manifest updates, and Japanese-English i18n changes.

7|1|Updated Sep 12, 2025
Search Tags:#workflow#extension#gif#i18n#tutorial#assets-management
One-click install
npx skills add https://github.com/C20-40A/mr-wplace --skill add-tutorial
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-tutorial
Source: https://github.com/C20-40A/mr-wplace/tree/main/.claude/skills/add-tutorial
Command: npx skills add https://github.com/C20-40A/mr-wplace --skill add-tutorial

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables teams to register new Tutorial items into the in-app Tutorial feature by coordinating asset additions, manifest updates, and i18n keys, reducing manual setup time.

Core Features & Use Cases

  • Register a new Tutorial item by providing a GIF filename and titles in Japanese and English.
  • Ensure the GIF asset is wired into web_accessible_resources and linked in the Tutorial class and i18n locales.
  • Use case: a product team adds a fresh onboarding tutorial to improve user guidance without manual reconfiguration.

Quick Start

Run /add-tutorial <gif-filename> <title-ja> <title-en> to register a new tutorial and begin providing its steps.

Frequently Asked Questions about add-tutorial

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new tutorial with GIF assets and i18n text to a web extension?▼

To add a new tutorial, you register a GIF asset and locale titles by updating manifest.json, the tutorial class, and i18n locale files. This orchestrates web_accessible_resources and en/ja text keys to integrate onboarding content automatically.

What files need to be modified when registering an in-app tutorial?▼

Registering an in-app tutorial requires modifying manifest.json, manifest.template.json, src/features/tutorial/index.ts, and src/i18n/locales/en.ts and ja.ts. These changes wire the GIF asset and define locale-specific tutorial text.

Can I use this workflow to add tutorials with both Japanese and English translations?▼

Yes, you can add tutorials with Japanese and English translations. The workflow coordinates i18n updates across en.ts and ja.ts locale files, ensuring the new tutorial item includes titles for both languages during registration.

What is the best way to wire a GIF into web_accessible_resources for an onboarding tutorial?▼

The best way to wire a GIF into web_accessible_resources is through an automated registration workflow. It specifies file changes in manifest.json and links the asset within the Tutorial class, reducing manual setup time and configuration errors.

Do I need to manually update manifest.template.json when adding new tutorial GIFs?▼

No, you do not need to manually update manifest.template.json. The tutorial registration process orchestrates updates across both manifest.json and manifest.template.json, along with i18n locale files, ensuring all references remain synchronized.

Related Skills

Explore More Software Engineering Skills→
takusaotometakusaotome
5

meeting-asset-preparer

Generate bilingual meeting agendas, decision logs, and action items from a YAML config via CLI.

Community
Intermediate
boringdataboringdata
2

user-onboarding

Guide new users through Kurt project onboarding with a 7-step workflow.

Community
Intermediate
Greenmamba29Greenmamba29

localization-manager

Detect missing i18n keys, generate translations via DeepL, and sync locale files.

Community
Advanced
jammindevjammindev

tutorials

Sync tutorial registry entries and localized copy across four locale files.

Official
Intermediate