w-diagram
Map Code and Architecture with Mermaid
Complex code and documentation can be difficult to understand quickly. This skill turns inspected relationships, flows, and structures into focused Mermaid diagrams.
๋ด ์์ด์ ํธ๋ก ์ค์น
์ด ์์ฒญ์ ์์ด์ ํธ์ ๋ณต์ฌํ์ธ์. ๊ณต์ Skill ํ์ด์ง์ ๋งค๋ํ์คํธ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.
Review the Skillstore skill "w-diagram" from https://skillstore.io/skills/blockmatic-w-diagram.md and its manifest at https://skillstore.io/api/skills/blockmatic-w-diagram/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.์์ด์ ํธ๋ ๊ณ์ํด์ ๊ณํ์ ํ์ํ๊ณ ๋ณด์ ์ ์ฑ ์์ ์๊ตฌํ๋ ํ์ธ์ ์์ฒญํด์ผ ํฉ๋๋ค.
์์ด์ ํธ๊ฐ ์ฝ๊ธฐ ์ฌ์ด ๋ฆฌ์์ค
AI ์์ด์ ํธ, ํฌ๋กค๋ฌ, ์คํฌ๋ฆฝํธ๊ฐ ์ ์ฒด ํ์ด์ง ๋์ ์ ๋ฆฌ๋ ์ปจํ ์คํธ๋ง ํ์ํ ๋ ์ด ๋งํฌ๋ฅผ ์ฌ์ฉํ์ธ์.
ํ ์คํธํด ๋ณด๊ธฐ
"w-diagram" ์ฌ์ฉ ์ค์ ๋๋ค. Show how a login request moves through the web application.
์์ ๊ฒฐ๊ณผ:
A Mermaid flow diagram showing the browser, login endpoint, authentication service, and session store, followed by a short explanation of each transition.
"w-diagram" ์ฌ์ฉ ์ค์ ๋๋ค. Visualize the states in the order fulfillment workflow.
์์ ๊ฒฐ๊ณผ:
A Mermaid state diagram showing pending, paid, packed, shipped, delivered, and cancelled states, with transitions tied to the inspected workflow documentation.
๋ณด์ ๊ฐ์ฌ
์์ All four static findings are false positives. The flagged backticks are documentation markup, and the source inspection guidance describes legitimate diagram generation with no command execution or prompt injection.
์ํ ์์ธ
โ๏ธ ์ธ๋ถ ๋ช ๋ น์ด (1)
์ด ๋ณด๊ณ ์ ๊ณต์ ๋ฐ ์ธ์ฉ
๋ฒ์ ์ด ์ง์ ๋ ํ๊ฐ ๋ณด๊ณ ์, ์ค๋ฆฝ ๋ฐฐ์ง, ์๋ฒ ๋ ์นด๋ ๋ฐ ์ธ์ฉ์ ๊ณต์ ํ์ธ์. Skillstore๋ ๊ทผ๊ฑฐ๋ฅผ ๋ณด๊ณ ํ์ง๋ง ์ด Skill์ ์์ ์ฌ๋ถ๋ฅผ ํ๋จํ์ง ์์ต๋๋ค.
๋ณด๊ณ ์ ๋งํฌ ๋ณต์ฌ
https://skillstore.io/skills/blockmatic-w-diagram/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown ๋ฐฐ์ง
[](https://skillstore.io/skills/blockmatic-w-diagram?utm_source=security_passport_badge)HTML ๋ฐฐ์ง
<a href="https://skillstore.io/skills/blockmatic-w-diagram?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/blockmatic-w-diagram/security.svg" alt="Skillstore security assessment" loading="lazy"></a>์๋ฒ ๋ ์นด๋
<iframe src="https://skillstore.io/embed/skills/blockmatic-w-diagram.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>ํ์ ์ธ์ฉ (APA ยท BibTeX ยท CFF)
APA ์ธ์ฉ
blockmatic. (2026). w-diagram security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/blockmatic-w-diagram/audits/1BibTeX ์ธ์ฉ
@techreport{blockmatic-blockmatic-w-diagram-2026,
author = {blockmatic},
title = {w-diagram security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/blockmatic-w-diagram/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "w-diagram security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "blockmatic"
date-released: "2026-09-20"
url: "https://skillstore.io/skills/blockmatic-w-diagram/audits/1"
identifiers:
- type: other
value: "skillstore:blockmatic-w-diagram:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore ์ ์
์ด ์ ์์ ์ด์ ์ฆ๊ฑฐ ์ ๋ขฐ๋: ์ค๊ฐ๋ง๋ค ์ ์๋ ๊ฒ
Explain an unfamiliar codebase
Ask for a relationship or flow diagram after naming the relevant files. Use the result to orient yourself before making changes.
Document system architecture
Provide architecture documents and named MDX sources to create concise diagrams that expose components, dependencies, and contradictions.
Clarify a business journey
Name the journey documentation and request a suitable Mermaid diagram that shows states, decisions, and transitions from the source material.
์ด ํ๋กฌํํธ๋ฅผ ์ฌ์ฉํด ๋ณด์ธ์
Read `src/checkout.ts` and create a Mermaid diagram showing the main control flow. Explain the diagram in three short sentences.
Inspect the named API and service files. Create a Mermaid diagram showing how requests move between the controller, service, and data layer. Use only relationships supported by the files.
Read `PRODUCT.md`, the named MDX files, and the relevant code. Produce up to two Mermaid diagrams, identify contradictions between documentation and code, and do not propose a new methodology.
Inspect the named sources and choose the Mermaid diagram type that best matches the question. Keep labels short, split oversized graphs, cite the inspected relationships in the explanation, and avoid inventing missing architecture.
๋ชจ๋ฒ ์ฌ๋ก
- Name the exact files or documentation sources that should be inspected.
- Ask for a diagram type only when it matches the question.
- Keep diagrams focused and require explanations grounded in the sources.
ํผํ๊ธฐ
- Do not request architecture that the provided sources do not support.
- Do not combine unrelated systems into one oversized diagram.
- Do not treat a generated diagram as evidence for undocumented behavior.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
What does this skill produce?
Which diagram types are supported?
Can it inspect an entire repository?
Can it create PRODUCT.md?
How many diagrams can it create?
Does it write files?
๊ฐ๋ฐ์ ์ธ๋ถ ์ ๋ณด
์์ฑ์
blockmatic๋ผ์ด์ ์ค
MIT
Skillstore ๋ฆฌ๋น์
r1
๋ฒ์ ์๋ด
์์ฑ์๊ฐ ๋ฒ์ ์ ์ ์ธํ์ง ์์์ต๋๋ค.
๋ฆฌํฌ์งํ ๋ฆฌ
https://github.com/blockmatic/basilic-skills/tree/5fa16493413923e31f1df31f7260224f0f291d9e/skills/w-diagram์ฐธ์กฐ
a422f2f32491cce0bfafefa2795e8a185219138d
์ ์ง๋ณด์ ์ต์ ์ฑ
2026. 9. 20.
์ฌ์ฉ๋
0 ๋ค์ด๋ก๋ ยท 0 ์กฐํ
ํ์ผ ๊ตฌ์กฐ
๐ SKILL.md