Skills
.Work. You
Rest

HTML Article

Community

Craft stylish, responsive HTML articles.

Content & Communication#html#blogging#web development#responsive design#content creation#article
Authorbayzhen
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a standardized template and guidelines for creating technical articles in HTML that adhere to a specific website's design and structural conventions.

Core Features & Use Cases

  • Standardized HTML Template: Offers a pre-defined HTML structure for articles, including navigation, breadcrumbs, meta-information, and content sections.
  • Inline Styling: Ensures all CSS is inlined within the <style> tag for self-contained articles.
  • Responsive Design: Includes basic media queries for mobile adaptability.
  • Navigation Links: Facilitates the inclusion of "previous" and "next" article links.
  • Use Case: A developer needs to publish a new technical tutorial on their personal blog. They can use this Skill's template to quickly generate a well-formatted, responsive article page that matches the site's aesthetic.

Quick Start

Use the HTML Article skill to create a new article with the title 'My First Post' and content 'This is the body of my first post.'.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: HTML Article
Download link: https://github.com/bayzhen/bayzhen.github.io/archive/main.zip#html-article

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.