Can I use custom icons with this skill?

Yes, you can define custom icons in your YAML configuration using PNG, JPG, JPEG, GIF, or WebP formats to extend the standard icon sets.

What types of files does this skill help create?

This skill focuses on creating and validating the .yaml files used by the Figram CLI to build and serve interactive diagrams within FigJam.

What cloud providers are supported by Figram?

Figram supports all major cloud providers including AWS, GCP, and Azure, with specific icon identifiers and standardized libraries for each.

How does the auto-layout feature work?

Child nodes within a container (like a VPC or Subnet) are automatically positioned in a 3-column grid by default, though you can override this with specific coordinates.

Figram Architecture Diagrams

Name: Figram Architecture Diagrams
Author: 7nohe

by7nohe

•

クラウドインフラストラクチャ

Generates and validates YAML-based cloud architecture diagrams for AWS, GCP, and Azure with Figram and FigJam integration.

Figram Architecture Diagrams is a specialized Claude Code skill designed to streamline the creation of cloud infrastructure visualizations using YAML. It provides domain-specific knowledge for building multi-cloud diagrams (AWS, GCP, Azure) with precise layout rules, automatic positioning for nested components, and standardized color schemes for improved readability. Whether you are documenting a serverless API, a complex VPC network, or troubleshooting YAML validation errors, this skill ensures your diagrams are syntactically correct and follow architectural best practices for FigJam exports.

主な機能

01Built-in validation for structural integrity and node references

02YAML-driven architecture diagram generation for AWS, GCP, and Azure

03Standardized color coding for networking, databases, and compute

04Automatic layout positioning for nested cloud components

05Comprehensive library of cloud-specific icon identifiers

061 GitHub stars

ユースケース

01Fixing layout and validation errors in complex YAML-based diagrams

02Refactoring existing cloud diagrams to include new nodes or subnets

03Converting text descriptions of infrastructure into valid Figram YAML

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add 7nohe/figram figram-diagrams

For use in Claude.ai and ChatGPT

Download Skill