본문으로 건너뛰기
cccskills
무료GitHub에 공개

mermaid-js

Use when selecting a Mermaid diagram type, looking up Mermaid syntax, adapting a Mermaid example, or locating a Mermaid reference for a flowchart, sequence, UML, architecture, chart, or other diagram.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(6)

  • SKILL.md2.0 KB
  • COOKBOOK.md24.8 KB
  • DIAGRAM_INDEX.md11.4 KB
  • mermaid-diagram-reference.md35.4 KB
  • QUICK_REFERENCE.md7.5 KB
  • README.md10.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Mermaid.js Reference Router

Use this skill to navigate the bundled Mermaid reference snapshot. It supplies syntax and examples; choose the diagram semantics from the request and keep architecture or process-modeling decisions with their owning skill.

Reference status

The bundled documents are a dated snapshot of Mermaid v11.12.3, recorded on 2026-03-07. They are not evidence of the latest Mermaid syntax or renderer behavior. For a current-version question, a renderer-specific issue, or a claim about present support, consult the official Mermaid documentation and the target renderer's documentation before answering.

Route the request

NeedRead
Declaration, common edges, styling, or a compact exampleQUICK_REFERENCE.md
Choose a diagram type or compare diagram capabilitiesDIAGRAM_INDEX.md
Full syntax, configuration, or versioned feature detailsmermaid-diagram-reference.md
Adapt a domain example for API, project, data, architecture, UX, testing, database, or decision workCOOKBOOK.md
Snapshot scope, navigation, and primary-source linksREADME.md

Load only the reference needed for the request. Do not copy reference material into this router.

Related ownership

Use an architecture or process skill to decide what the diagram should represent; this skill only routes Mermaid reference material. The existing process-siren:mermaids-treasure material remains a specialized companion for constructing or debugging Mermaid diagrams, especially flowchart constraints. It does not replace this bundle's cross-diagram routing, cookbook, or dated snapshot references.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Add automated documentation updater to any Claude skill. Creates a Python sync script that downloads upstream docs, processes markdown for AI consumption, and maintains local cache with configurable refresh. Collects template variables, then delegates implementation through 5-phase workflow. Use when adding auto-updating reference documentation to plugins or skills.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

SAM-style feature initiation workflow — discovery through codebase analysis, architecture spec, task decomposition, validation, and context manifest. Use when a user asks to add a feature, plan a feature, or convert an idea into an executable SAM plan.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

Browser automation for AI agents using the agent-browser CLI and Playwright. Use when navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, logging into sites, or automating any browser task. Triggers on "open a website", "fill out a form", "click a button", "scrape data", "test this web app", "automate browser actions", or any programmatic web interaction request.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

Runs the description-drift experiment — spawns all Claude Code agents simultaneously to collect self-reported capabilities, then compares them against static frontmatter descriptions to reveal how reliable orchestrator routing based on descriptions actually is. Use when measuring description drift across the agent fleet, re-running the capability collection experiment, analyzing a specific agent's self-reported capabilities, or auditing whether frontmatter descriptions accurately reflect agent behavior.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

Create or adapt Claude Code agent definitions. Use when creating an agent, changing subagent configuration, selecting agent scope, or designing a specialized delegation role.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Jamie-BitFlight/claude_skills672026년 10월 18일 업데이트

Jamie-BitFlight의 스킬 모두 보기

이 스킬의 문제 신고