# googlecodelabs/tools

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/googlecodelabs-tools).**

4,822 stars · 1,343 forks · Go · Apache-2.0 · archived

## Links

- GitHub: https://github.com/googlecodelabs/tools
- awesome-repositories: https://awesome-repositories.com/repository/googlecodelabs-tools.md

## Description

This project is an interactive tutorial generator and static site generator that transforms source documents, such as Markdown and Google Docs, into structured instructional guides. It functions as a documentation conversion tool that compiles source content into static HTML assets and metadata for distribution to public or private audiences.

The system utilizes a custom element UI framework to embed interactive instructional components using standard HTML custom elements, removing the need for external JavaScript frameworks. It supports multi-format content export, allowing a single source of truth to be translated into multiple targets including HTML and Jupyter notebooks.

The platform provides capabilities for instructional content management, enabling the organization of tutorials into themed collections and landing pages via metadata and tagging. It covers the full publishing lifecycle, from local preview hosting and static asset generation to deployment on cloud storage and the tracking of user engagement through integrated analytics.

## Tags

### Development Tools & Productivity

- [Interactive Tutorials](https://awesome-repositories.com/f/development-tools-productivity/interactive-tutorials.md) — Transforms documents into interactive web-based guides that lead users through a step-by-step learning process. ([source](https://github.com/googlecodelabs/tools/tree/main/.github/workflows))
- [Automatic Table of Contents](https://awesome-repositories.com/f/development-tools-productivity/documentation-navigation/document-structure-navigators/outline-management/automatic-table-of-contents.md) — Automatically generates navigational outlines based on document heading hierarchy to help users jump between steps. ([source](https://github.com/googlecodelabs/tools/blob/main/FORMAT-GUIDE.md))
- [Local Site Previews](https://awesome-repositories.com/f/development-tools-productivity/local-site-previews.md) — Runs a local web server to compile and render views locally for content verification during development. ([source](https://github.com/googlecodelabs/tools/blob/main/site))
- [Static Site Preview Servers](https://awesome-repositories.com/f/development-tools-productivity/static-site-preview-servers.md) — Provides a lightweight web server to verify the output of the tutorial generator before public deployment. ([source](https://github.com/googlecodelabs/tools/blob/main/site/README.md))

### Education & Learning Resources

- [Interactive Tutorials](https://awesome-repositories.com/f/education-learning-resources/interactive-tutorials.md) — Generates interactive, step-by-step instructional guides from Markdown and Google Docs.
- [Instructional Content Frameworks](https://awesome-repositories.com/f/education-learning-resources/curricula-instructional-design/educational-frameworks-architectures/curriculum-design-patterns/instructional-content-frameworks.md) — Provides a structural framework for grouping tutorials into themed collections to help learners find materials.
- [Tutorial Publishing](https://awesome-repositories.com/f/education-learning-resources/tutorial-publishing.md) — Hosts and distributes instructional tutorials to public or private audiences for learner access. ([source](https://github.com/googlecodelabs/tools/tree/main/.github/workflows))
- [Learning Experience Management](https://awesome-repositories.com/f/education-learning-resources/learning-experience-management.md) — Deploys instructional guides and tracks user engagement and progress through integrated analytics.

### Content Management & Publishing

- [Interactive Lesson Authoring](https://awesome-repositories.com/f/content-management-publishing/authoring-editorial-interfaces/content-authoring-editing/document-authoring-tools/rich-text-authoring/interactive-lesson-authoring.md) — Provides a set of tools for creating instructional content with interactive elements and automated navigation.
- [Multi-Format Exports](https://awesome-repositories.com/f/content-management-publishing/content-formats-exporting/export-formats/html-exports/multi-format-exports.md) — Translates a single source of truth into various targets including HTML and Jupyter notebooks.
- [Content Organization Systems](https://awesome-repositories.com/f/content-management-publishing/content-management-systems/content-architecture-modeling/content-organization-systems.md) — Organizes tutorials into themed views and landing pages using metadata and tagging for improved findability.
- [Content Metadata Tagging](https://awesome-repositories.com/f/content-management-publishing/content-metadata-tagging.md) — Uses metadata and tagging to organize tutorials into themed collections and landing pages.
- [Document Conversion](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-conversion.md) — Transforms source documents into structured formats including HTML and Jupyter notebooks.
- [Instructional Format Converters](https://awesome-repositories.com/f/content-management-publishing/content-processing-transformation/document-processing-conversion/document-processing/format-specific-parsers/office-document-parsers/document-format-converters/instructional-format-converters.md) — Transforms documents, local files, or remote URLs into interactive instructional tutorials formatted as HTML. ([source](https://github.com/googlecodelabs/tools/blob/main/claat))
- [Content Tag Filtering](https://awesome-repositories.com/f/content-management-publishing/content-tag-filtering.md) — Organizes individual tutorials into themed collections and landing pages by filtering content based on assigned metadata tags.
- [Technical Documentation](https://awesome-repositories.com/f/content-management-publishing/documentation-knowledge-management/technical-documentation.md) — Provides tools to transform technical content into organized collections of guides and documentation for public hosting.
- [Documentation Publishing Pipelines](https://awesome-repositories.com/f/content-management-publishing/documentation-publishing-pipelines.md) — Automates the organization and publication of tutorials into themed collections for public audiences.
- [Instructional Content Grouping](https://awesome-repositories.com/f/content-management-publishing/instructional-content-grouping.md) — Organizes themed collections of instructional content using tags to determine which tutorials appear in a specific view. ([source](https://github.com/googlecodelabs/tools/tree/main/site))
- [Instructional HTML Converters](https://awesome-repositories.com/f/content-management-publishing/instructional-html-converters.md) — Transforms instructional content from documents, local files, or URLs into a standardized HTML format. ([source](https://github.com/googlecodelabs/tools/tree/main/claat))
- [Learning Content Publishers](https://awesome-repositories.com/f/content-management-publishing/learning-content-publishers.md) — Publishes authoring materials and generated tutorials for online educational access. ([source](https://github.com/googlecodelabs/tools/blob/main/WORKSPACE))
- [Markdown-HTML Content Converters](https://awesome-repositories.com/f/content-management-publishing/markdown-html-content-converters.md) — Translates instructional content from documents or markdown into target formats such as HTML and notebook cells. ([source](https://github.com/googlecodelabs/tools/blob/main/README.md))
- [Markdown to HTML Converters](https://awesome-repositories.com/f/content-management-publishing/markdown-to-html-converters.md) — Transforms structured markdown or Google Docs source files into static HTML files for web display.
- [Instructional Guide Generation](https://awesome-repositories.com/f/content-management-publishing/markdown-to-html-converters/instructional-guide-generation.md) — Converts Markdown and Google Docs into structured interactive HTML instructional guides.
- [Metadata-Based Grouping](https://awesome-repositories.com/f/content-management-publishing/metadata-based-grouping.md) — Organizes tutorials into themed collections and landing pages by filtering content based on assigned metadata tags.
- [Multi-Format Output Converters](https://awesome-repositories.com/f/content-management-publishing/multi-format-output-converters.md) — Transforms source content into multiple output formats including HTML and Jupyter notebooks. ([source](https://github.com/googlecodelabs/tools#readme))
- [Static Site Generators](https://awesome-repositories.com/f/content-management-publishing/static-site-generators.md) — Compiles documents and metadata into a standalone set of static HTML assets for scalable content delivery.
- [Instructional Metadata Management](https://awesome-repositories.com/f/content-management-publishing/category-organizations/product-categories/category-metadata-updates/instructional-metadata-management.md) — Assigns properties like summaries, categories, and visibility status to control how tutorials are indexed and published. ([source](https://github.com/googlecodelabs/tools/blob/main/FORMAT-GUIDE.md))
- [Tutorial Landing Pages](https://awesome-repositories.com/f/content-management-publishing/tutorial-landing-pages.md) — Generates curated entry pages that organize and showcase specific collections of instructional tutorials. ([source](https://github.com/googlecodelabs/tools#readme))

### Data & Databases

- [Format-Agnostic Parsers](https://awesome-repositories.com/f/data-databases/schema-agnostic-ingestion/format-agnostic-parsers.md) — Extracts instructional data from diverse inputs like local files, remote URLs, and Google Docs into a standardized internal format.

### User Interface & Experience

- [Instructional Components](https://awesome-repositories.com/f/user-interface-experience/buttons/custom-html-elements/custom-component-tags/instructional-components.md) — Implements a custom element UI framework to render interactive instructional components without external JavaScript frameworks.
- [Interactive Embeds](https://awesome-repositories.com/f/user-interface-experience/interactive-embeds.md) — Integrates custom HTML elements into a page to create interactive instructional content without using external frameworks. ([source](https://github.com/googlecodelabs/tools/tree/main/codelab-elements))
- [View Hierarchy Organization](https://awesome-repositories.com/f/user-interface-experience/view-hierarchy-organization.md) — Uses structural patterns to organize tutorials into themed collections and nested views. ([source](https://github.com/googlecodelabs/tools/blob/main/site))

### Web Development

- [Static Generation](https://awesome-repositories.com/f/web-development/static-generation.md) — Produces standalone HTML and Markdown artifacts for deployment to any static web server or cloud storage.
- [Instructional Component Models](https://awesome-repositories.com/f/web-development/custom-element-frameworks/instructional-component-models.md) — Implements a custom element UI framework to embed interactive instructional components without external JavaScript dependencies.
- [Static Web Hosting](https://awesome-repositories.com/f/web-development/static-web-hosting.md) — Outputs tutorials as static HTML files for hosting on any web server or cloud storage. ([source](https://github.com/googlecodelabs/tools/blob/main/README.md))
- [Development Preview Servers](https://awesome-repositories.com/f/web-development/web-infrastructure-deployment/web-infrastructure-servers/development-preview-servers.md) — Provides an embedded server for real-time content and layout previewing of tutorials before public deployment.

### DevOps & Infrastructure

- [Cloud Deployment](https://awesome-repositories.com/f/devops-infrastructure/cloud-deployment.md) — Uploads compiled static assets to cloud buckets to support staged promotions and custom domains. ([source](https://github.com/googlecodelabs/tools/blob/main/site))
- [Static Site Deployment](https://awesome-repositories.com/f/devops-infrastructure/static-site-deployment.md) — Produces standalone HTML or markdown artifacts compatible with any static web server or cloud storage provider. ([source](https://github.com/googlecodelabs/tools#readme))