Archpresent — Development skill for Claude Code
Agent skill: generate beautiful dark-themed architecture diagrams from your project/demo/idea.
How to install Archpresent
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open lewes2/archpresent and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Archpresent does
Agent skill: generate beautiful dark-themed architecture diagrams from your project/demo/idea. Interactive, verifiable, and editable. Delivered as self-contained HTML.
Alternatives in Development
- Beautiful Feishu Whiteboard — 35 curated colour palette styles for building beautiful, editable Feishu / Lark (飞书) whiteboards 687 ★
- Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
- Htb Writeups — The most comprehensive Hack The Box writeup collection - 500+ machines, 400+ challenges, interactive knowledge 244 ★
README
ArchPresent
Professional Interactive Architecture Map
What can ArchPresent do?
ArchPresent is an agent skill that generate diagrams from actual codebase. We run /ArchPresent and get an interactive architecture map(.html) which you can open by double-clicking. No server, no build step, no MCP calls, no dependencies. NOT one-shot. you can regenerated on changes and see news components with highlight mark.
[Example page ↗](https://lewes2.github.io/archpresent/)
[Example page ↗](https://lewes2.github.io/archpresent/)
[Example page ↗](https://lewes2.github.io/archpresent/)
[Example page ↗](https://lewes2.github.io/archpresent/)
Quick Start
# 1. open your claude skills folder (eg：C:/Users/[your rname]/.claude/skills)
git clone https://github.comRelated Skills
Al Demo Day
Build a concise, self-contained HTML slide deck for team demo day with architecture diagrams and demo cues
Callsheet
Turn any recording of a call into one self-contained HTML readout: local Whisper, multi-agent analysis, hand-a
Mindmap Generator
Generate an interactive dark-mode Markmap HTML mindmap where EVERY flashcard is visible as a Front → Back node
Codebase To Course Fork
A Claude Code skill that turns any codebase into a beautiful, interactive single-page HTML course for non-tech
Interactive Diagram
生成可交互式、可拖动的 HTML 图表（流程图、架构图、思维导图、序列图），并将其作为独立文件保存。支持 Dagre 自动布局、平移/缩放，并可导出为 PNG/SVG/JSON 格式。零依赖。Claude Code 技能
Demo Nt
Launch the app with the shared demo seed and generate + open an interactive HTML feature explorer; hands the p
Related Agents
Boxbox Visualizer
Takes the analyzer's graph.json and renders a beautiful, beginner-friendly self-contained HTML diagram. Used b
Courseware Developer
Use this agent to build training and teaching materials — interactive HTML courseware slide decks, animated fl
Demo Generator M365
Use this agent when you need to create interactive HTML demonstrations for agent stacks that are missing demo
