skills.rest
tokijh
tokijhCOMMUNITY
Explore all skills by this author →
GitHub

use-design-system/Post

Render articles, notices, and guides with hierarchical headings and lists.

Updated Aug 27, 2026
Search Tags:#markdown#design system#ui components#content rendering#article layout
One-click install
npx skills add https://github.com/tokijh/minapp --skill use-design-system-post
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: use-design-system/Post
Source: https://github.com/tokijh/minapp/tree/main/.claude/skills/use-design-system/subskills/Post
Command: npx skills add https://github.com/tokijh/minapp --skill use-design-system-post

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured and consistent way to render various types of content, such as articles, announcements, and guides, ensuring a uniform and accessible presentation across your application.

Core Features & Use Cases

  • Hierarchical Headings: Define content structure with multiple heading levels (h1-h4).
  • Rich Text Formatting: Include paragraphs, ordered/unordered lists, and dividers for clear content organization.
  • Use Case: Displaying a blog post with a main title, several sections with subheadings, paragraphs of text, and a bulleted list of key takeaways.

Quick Start

Use the Post skill to render a notice with a main heading and two paragraphs of text.

Frequently Asked Questions about use-design-system/Post

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

FAQPage Schema
How do I render structured article layouts with consistent UI components?▼

To render structured article layouts, use a predefined component system supporting hierarchical headings, paragraphs, lists, and dividers to ensure uniform and accessible presentation across your web application.

What is the best way to format notices and guides using a design system?▼

Formatting notices and guides is best handled by rendering structured content through a predefined component system, which supports multiple heading levels and rich text formatting for clear content organization.

Can I use hierarchical headings for content rendering in web applications?▼

Yes, you can use hierarchical headings for content rendering by defining content structure with multiple heading levels from h1 to h4, ensuring consistent styling and accessibility for various content types.

Does this approach to article layout support ordered and unordered lists?▼

Yes, this article layout approach supports rich text formatting, allowing you to include ordered and unordered lists alongside paragraphs and dividers for clear and organized document layouts.

How do I display a blog post with subheadings and bulleted takeaways?▼

To display a blog post with subheadings and bulleted takeaways, render the structured content using hierarchical headings for sections, paragraphs for text, and unordered lists for the key points.

Related Skills

Explore More Design & Creative Skills→
hotriluanhotriluan

ck:markdown-novel-viewer

Renders Markdown files and folders as a browsable, book-like web interface with syntax highlighting.

Community
Advanced
schalkneethlingschalkneethling
7

component-scaffolding

Scaffold Drupal/Twig component skeletons with web components and Miyagi validation.

Community
Basic
mberetvasmberetvas

improving-streamlit-design

Standardize icons, badges, dividers, and typography in Streamlit dashboards.

Community
Intermediate
aivos-xieaivos-xie
1

ocr-and-documents

Extract text from PDFs and scanned documents using OCR and convert to Markdown and JSON.

Community
Intermediate