blog-post

Generates complete editorial blog post HTML pages with inline CSS and design system tokens.

Updated Apr 25, 2026
One-click install
npx skills add https://github.com/Kamalabot/tt-vid --skill blog-post-kamalabot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blog-post
Source: https://github.com/Kamalabot/tt-vid/tree/main/slide_deck/.od-skills/blog-post
Command: npx skills add https://github.com/Kamalabot/tt-vid --skill blog-post-kamalabot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill eliminates the manual effort of formatting and structuring long-form editorial content, enabling fast creation of professional blog posts, case studies, and articles that adhere to brand design systems.

Core Features & Use Cases

  • Editorial Layout Generation: Creates complete blog post pages with masthead, hero image placeholder, author byline, and related post cards.
  • Design System Compliance: Automatically applies typography, color, and layout rules from the active design system to ensure brand consistency.
  • Use Case: Marketing teams can quickly publish thought leadership articles or customer case studies without manual HTML/CSS work.

Quick Start

Use the blog-post skill to create a 600-word article about sustainable software development matching the active design system.

Frequently Asked Questions about blog-post

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

FAQPage Schema
How do I generate an editorial blog post with inline CSS and semantic markup?

To generate an editorial blog post, this Skill outputs a complete, self-contained HTML page with inline CSS, semantic markup, and required content sections like a masthead, hero placeholder, author byline, and related post grids. It applies active design system tokens for typography and layout compliance.

What's the best way to format long-form content like case studies and newsletters for a brand design system?

The best way to format long-form content for a brand design system is automating editorial layout generation. This Skill automatically applies typography, color, and layout rules to case studies and newsletters, ensuring brand consistency without manual HTML or CSS structuring.

Can I use this blog generation tool to create a complete HTML page with a masthead and related post cards?

Yes, you can use this blog generation tool to create a complete HTML page. It builds self-contained editorial layouts featuring a masthead, hero image placeholder, author byline, and related post cards structured with semantic markup.

Do I need manual HTML or CSS work to structure long-form articles for marketing workflows?

No, you do not need manual HTML or CSS work to structure long-form articles. This Skill eliminates manual formatting effort by generating complete editorial layouts with inline CSS and design system token compliance for marketing content creation workflows.

What sections are required when generating an article with this editorial layout tool?

Required sections for generating an article include a masthead, hero image placeholder, author byline, and a related post grid. The output is a self-contained HTML page with semantic markup and design system token compliance.

Does this approach work for creating customer case studies and thought leadership articles?

Yes, this approach works for creating customer case studies and thought leadership articles. It generates complete, self-contained editorial HTML pages with proper typography and layout rules adhering to your specified design system.