Tutorial de Ferramentas

Generate an interactive HTML checklist for workshop tool setup.

15|16|Updated May 6, 2026
One-click install
npx skills add https://github.com/ReadyToGo-Education/fluxo_criativo --skill tutorial-de-ferramentas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Tutorial de Ferramentas
Source: https://github.com/ReadyToGo-Education/fluxo_criativo/tree/main/.claude/skills/tutorial-ferramentas
Command: npx skills add https://github.com/ReadyToGo-Education/fluxo_criativo --skill tutorial-de-ferramentas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents users from getting lost during workshop setup by automatically producing an interactive “Trilha de Ferramentas” HTML checklist and placing it in the project’s delivery folder for immediate use.

Core Features & Use Cases

  • Generates an interactive tools checklist page: Creates entregas/trilha-ferramentas.html from a source template when available, otherwise uses an embedded HTML fallback.
  • Ensures the correct output location: Creates the entregas/ directory if it does not exist, guaranteeing the final artifact is where the user expects it.
  • Enables progress tracking in-browser: The resulting HTML includes a checklist with saved progress stored in the browser automatically.
  • Use case: When a learner runs the command for the first time, they immediately receive a complete setup guide page covering required and optional tools (e.g., Claude Code, Node.js, publishing pages), without searching across multiple files.

Quick Start

Ask the assistant to run /tutorial-ferramentas to generate entregas/trilha-ferramentas.html and open it in your browser.

Frequently Asked Questions about Tutorial de Ferramentas

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

FAQPage Schema
How do I generate an interactive HTML checklist for workshop tool setup?

To generate an interactive HTML checklist for workshop tool setup, run the /tutorial-ferramentas command to automatically create or copy the trilha-ferramentas.html file directly into your project's entregas directory.

What is the best way to track browser progress for front-end onboarding sessions?

Tracking browser progress for front-end onboarding sessions is handled by an interactive HTML checklist that saves setup completion states automatically in the browser, removing the need for external progress-tracking software.

How do I ensure the trilha-ferramentas.html file is saved to the correct output location?

To ensure the trilha-ferramentas.html file is saved to the correct output location, the setup process automatically creates the entregas directory if it is missing and writes the final HTML artifact there.

Does the interactive checklist work without a pre-existing HTML template?

Yes, the interactive checklist works without a pre-existing HTML template by emitting a deterministic HTML fallback directly into entregas/trilha-ferramentas.html when the source tutoriais/trilha-ferramentas.html file is unavailable.

Can I use this HTML setup guide for repeat workshop sessions?

You can use this HTML setup guide for repeat workshop sessions because it provides a complete, navigable setup page covering required and optional tools like Claude Code and Node.js, ensuring learners have a consistent onboarding experience.

Why does my workshop setup require an interactive checklist instead of a static document?

An interactive checklist is required for workshop setup because it prevents learners from getting lost during manual configuration discovery by providing a navigable page with automatic progress tracking stored in the browser.