infocard 是做什麼的？
在 Markdown 中使用 HTML/CSS 建立編輯風格的資訊卡片，最適合知識摘要、資料亮點、活動公告及單一主題的雜誌級排版內容卡片。
在 Markdown 中使用 HTML/CSS 建立編輯風格的資訊卡片，最適合知識摘要、資料亮點、活動公告及單一主題的雜誌級排版內容卡片。
這個技能讓開發者或 AI 代理能在 Markdown 文件中，透過內嵌 HTML 與 CSS 快速生成具備雜誌品質排版的資訊卡片，無需離開 Markdown 環境。它支援知識摘要、資料亮點、活動公告與單一主題內容卡片等多種情境，並透過預設的 CSS 樣式處理排版、色彩與字體，確保輸出結果美觀一致。此技能可應用於常見的文件檢視器（如 GitHub、VS Code 的 Markdown 預覽），只要這些平台支援 Markdown 中的 HTML/CSS，即可正常運作。使用者只需在 Markdown 中撰寫標準的 HTML `<div>` 結構並搭配行內或 `<style>` 標籤的 CSS，就能輕鬆產出專業等級的資訊卡片。
npx skills add https://github.com/markdown-viewer/skills/tree/main/skills/infocardInstalled? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →
在 Markdown 中使用 HTML/CSS 建立編輯風格的資訊卡片，最適合知識摘要、資料亮點、活動公告及單一主題的雜誌級排版內容卡片。
This repo contains 13 individual skills — each has its own dedicated page.
Create ArchiMate enterprise architecture diagrams using PlantUML stdlib macros. Best for TOGAF viewpoints, layered EA modeling (Business/Application/Technology), motivation analysis, and migration planning.
Create layered system architecture diagrams using HTML/CSS templates with color-coded tiers and grid layouts. Best for technology stacks, microservices topology, and multi-tier application design.
Create business process diagrams using PlantUML syntax with BPMN, EIP, and Lean Mapping stencil icons. Best for workflow automation, approval chains, message-based integration patterns, and value stream mapping.
Create spatial diagrams with free-positioned nodes using JSON format. Best for concept maps, knowledge graphs, and planning boards requiring precise x/y coordinate control.
Create cloud provider architecture diagrams using PlantUML syntax with official AWS, Azure, GCP, and Alibaba Cloud service icons. Best for multi-service cloud topologies and migration blueprints.
Create data pipeline and analytics architecture diagrams using PlantUML syntax with database/analytics stencil icons. Best for ETL pipelines, data lakes, real-time streaming, data warehousing, and BI dashboard design.
Create directed/undirected graphs using DOT language with automatic layout. Best for dependency trees, call graphs, package hierarchies, and module relationships requiring fine-grained edge routing.
Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.
Create hierarchical mind maps using PlantUML @startmindmap syntax. Best for brainstorming, topic decomposition, study notes, and decision trees with automatic radial layout, left/right branches, and per-node styling.
Create network topology diagrams using PlantUML syntax with mxgraph device icons (Cisco, Citrix, etc.). Best for LAN/WAN layouts, datacenter interconnects, and physical/logical network design.
Create security architecture diagrams using PlantUML syntax with identity, encryption, firewall, and compliance stencil icons. Best for IAM flows, zero-trust models, encryption pipelines, and threat detection architectures.
Create UML diagrams using PlantUML syntax. Best for software modeling — Class, Sequence, Activity, State Machine, Component, Use Case, and Deployment diagrams with concise text-based notation and auto-layout.
Create data-driven charts with Vega-Lite (declarative) and Vega (programmatic). Best for statistical visualization of numeric data — bar, line, scatter, heatmap, area, radar charts, and word clouds.
Notion CLI/API for pages, Markdown content, data sources, files, comments, search, Workers, and raw API calls.
The agent engineering platform.
Use this skill when the user requests to generate, create, or produce podcasts from text content. Converts written content into a two-host conversational podcast audio format with natural dialogue.
Analyze and optimize tweets for maximum reach using Twitter's open-source algorithm insights. Rewrite and edit user tweets to improve engagement and visibility based on how the recommendation system ranks content.
Extracts and analyzes competitors' ads from ad libraries (Facebook, LinkedIn, etc.) to understand what messaging, problems, and creative approaches are working. Helps inspire and improve your own ad campaigns.
Context7 Platform -- Up-to-date code documentation for LLMs and AI code editors