跳到正文
FunCoding

搜索

搜索文档、Skill 和 MCP

ln-25-architecture-diagram-builder

Creates evidence-backed current or target architecture diagrams; not UI design.

前端开发570plugins/architecture-suite/skills/ln-25-architecture-diagram-builder/SKILL.md

安装

把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。

读取 https://funcoding.ai/skills/levnikolaevich/claude-code-skills/ln-25-architecture-diagram-builder/install.md ,按里面的步骤帮我安装这个 Skill。

SKILL.md

Architecture Diagram Builder

Goal: Create the smallest set of understandable, evidence-backed diagrams needed to communicate current or proposed architecture. Change only approved architecture documentation; do not invent relationships, perform visual product design, replace prose evidence, audit fitness, or edit implementation.

Execution contract: The checklist defines completion. Track each item internally as PENDING, PROVEN with evidence, CLEARED with evidence its condition is absent, or UNPROVEN with a gap; reading, delegation, tool failure, a zero exit status, or a self-reported success is not proof; only the observed outcome is. Reconcile after each section. Before returning, resolve all PENDING, count only PROVEN and CLEARED, and apply verdict and approval rules to every gap. Preserve intent, scope, and existing authorization. Continue authorized work; ask only for consequential unresolved choices or required external approval. When no one can answer during the run, state the exact question and apply the skill's verdict for the remaining gap instead of waiting or guessing. Scale depth to material risk without skipping checks. Preserve dependency and safety order; otherwise choose an appropriate verification method. Accept equivalent user or repository evidence; no other skill, named artifact, or complete lifecycle is required. Preserve source requirement and decision IDs. Bind reused evidence to relevant source versions, dirty changes, configuration, and environment; invalidate only affected claims. On continuation, reconcile task, authorization, current state, and unresolved evidence. For long work, return a compact continuation record or update an already authorized artifact; read-only skills do not persist it. Distinguish artifact readiness, verified behavior, and external-action authority. Prepare authorized work before required approval. If blocked by an instruction, cite its exact source and unresolved boundary; do not invent approval gates from caution.

Tool Routing

NeedPreferred capabilityFallback
Architecture evidenceRepository files, runtime wiring, IaC, contracts, and approved artifactsUser-provided model with UNVERIFIED labels
Relationship tracingLanguage intelligence, dependency tools, and focused searchDirect inspection of producers, consumers, and registrations
Diagram formatExisting repository convention and rendererMermaid in Markdown, then plain ASCII
Syntax verificationRepository renderer, parser, or previewManual fence, identifier, and relationship inspection
Document mutationMinimal patch to approved diagram artifactsReturn BLOCKED if path or evidence boundary is unsafe

Diagrams communicate a model; executable behavior remains authoritative for current state. Keep current, target, and transition views visibly distinct.

Artifact Rules

  • Reuse an existing diagram convention or use docs/architecture/diagrams/<view>.md.
  • Prefer Markdown with Mermaid for text-reviewable source; use ASCII when Mermaid is unsupported.
  • For static structure, choose the context, container, or component level that answers the requested question; do not create prerequisite overview diagrams when existing context suffices.
  • Keep diagram source reviewable in version control.
  • Split views when one diagram needs multiple unrelated stories.
  • Never use color as the only carrier of meaning.
  • Use stable element identifiers and concise display labels so revisions produce reviewable diffs.
  • Keep detailed evidence beside the diagram rather than crowding nodes and relationships.
  • Preserve an understandable existing notation; introduce a new notation only when it answers the audience question better.

Checklist

1. Establish the Diagram Contract

  • Resolve audience, question, current or target state, scope, approved destination, and required notation.
  • Read repository instructions, relevant architecture artifacts, and existing diagram conventions.
  • Select the minimum useful view or views; reject diagrams that add no relationship clarity.
  • Define the evidence boundary and label user-supplied or proposed elements separately.
  • Keep the run read-only except for approved architecture diagram documentation.

2. Build the Architecture Model

  • Identify relevant people, systems, applications/data stores (C4 containers when using C4), components, queues, and external dependencies; distinguish logical containers from OS/container-runtime deployment units.
  • Record responsibility, type, technology when decision-relevant, owner when known, and current/target status for each element.
  • Resolve relationship direction, label, protocol or data, synchronicity, and trust or network boundary where relevant.
  • Trace runtime discovery and registration before including current-state routes, handlers, jobs, plugins, or consumers.
  • Mark uncertain elements or relationships UNKNOWN rather than completing the picture aesthetically.

3. Select and Draw Views

  • Create a system-context view when readers need system scope and external actors.
  • Create a container or deployment view for responsibilities, deployability, stores, or operational topology; include nodes, regions, networks, scaling, and failover when relevant to the audience question.
  • Create a component view only for a complex area whose internal boundaries change understanding.
  • Create sequence or dynamic views for critical success, failure, retry, timeout, recovery, or migration interactions.
  • Create data-flow or trust-boundary views when security, privacy, residency, or system-of-record questions require them.
  • Avoid mixing abstraction levels in one view unless the exception is explicit and necessary.

4. Make the Diagram Self-Describing

  • Add title, diagram type, scope, current/target marker, intended audience, and observation or proposal date.
  • Add a legend for shapes, colors, line styles, abbreviations, and uncertainty markers.
  • Label every relationship with intent or data; avoid generic arrows and unexplained acronyms.
  • Keep names consistent with code, contracts, and shared architecture documents.
  • Add compact evidence notes or links sufficient to trace current-state claims.

5. Verify and Report

  • Validate syntax with the repository renderer or perform a complete manual syntax inspection.
  • Inspect rendered readability when a preview is available and split overloaded views rather than shrinking labels. Without a renderer, record visual readability as UNPROVEN; manual syntax inspection is not render proof.
  • Verify current-state elements and relationships against implementation evidence, and target-state elements against the declared proposal or explicitly labelled assumptions.
  • Bind each view to current or proposed architecture and its authoritative source; expose contradictions rather than resolving them silently in a diagram.
  • Use READY when diagrams are valid, scoped, evidenced, and readable at the requested fidelity; use INCOMPLETE for material unknown relationships or missing required render evidence; use BLOCKED when scope, evidence, format, or destination prevents a trustworthy diagram.

Self-Check

  • Reconcile before returning. Check item-level evidence, requirement coverage, contradictions, scope, verdict, and applicable cleanup. Correct the report or authorized artifacts. Reuse valid evidence; do not automatically rescan the repository or rerun successful commands. Repeat checks only for relevant changes, failures, or unresolved evidence. Disclose remaining gaps.

Output Contract

Report in the user's language, in this order; label all five fields and state each fact once. Use controlled plain language: one fact per sentence, usually under 20 words, active voice, and one term per concept, with no synonyms for verdicts, IDs, or states. Small results may use one line per field; omit empty tables and do not copy linked artifacts:

  1. Result: The exact skill-specific verdict token first, then the supported outcome.
  2. Scope: Reviewed/changed scope, exclusions, baseline, and material assumptions.
  3. Evidence: Skill-specific fields below; distinguish facts, inferences, and unverified claims. Link artifacts; use tables when useful.
  4. Verification: Checks/results, unavailable evidence, and applicable cleanup/external state.
  5. Completion: Checklist: X/Y complete; Incomplete: None or each UNPROVEN item's reason, outcome impact, and exact next action; residual risks and required decisions.

Skill-specific evidence: Artifact paths; each view’s current/target state, audience question, and evidence basis. Report syntax/render verification and current-state relationship checks, unknown relationships, and rendering limits that affect interpretation.

相似的 Skill

frontend-design
anthropics/skills180k

frontend-design

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

前端开发

web-artifacts-builder
anthropics/skills180k

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

前端开发

api-and-interface-design
addyosmani/agent-skills103k

api-and-interface-design

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

前端开发

frontend-ui-engineering
addyosmani/agent-skills103k

frontend-ui-engineering

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

前端开发

performance-optimization
addyosmani/agent-skills103k

performance-optimization

Optimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.

前端开发

html-ppt-graphify-dark-graph
nexu-io/open-design100k

html-ppt-graphify-dark-graph

OpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.

前端开发