#typescript #architecture #architecture_as_code #c4 #diagrams

LikeC4 lets you describe software architecture in simple code files that automatically generate live, up-to-date diagrams you can visualize, collaborate on, and evolve. Inspired by C4 model, it offers flexible custom elements, notations, and nested levels tailored to your needs—run `npx likec4 start` for instant previews via CLI, VSCode extension, or web viewer. You benefit by ending stale docs, ensuring diagrams match your code as the single truth, saving time on manual drawing, enabling easy Git diffs/reviews, and boosting team understanding of complex systems.

https://github.com/likec4/likec4

#html #agent_skills #architecture_as_code #architecture_diagram #claude_skill #code_visualization #codex #coding_agents #data_flow_diagram #deepseek_harness #developer_tools #diagram_as_code #diagrams #diagrams_as_code #dsh_plugin #mermaid_alternative #opencode #sequence_diagram #software_architecture #system_design #text_to_diagram

Archify turns a codebase or system description into an interactive system map you can use in chat. It helps you see architecture, compare changes, trace paths, and export shareable files like HTML and images, so you can understand systems faster, review them more safely, and share clear technical diagrams.

https://github.com/tt-a1i/archify