{"enrichment":{"faq":[{"a":"Anthropic Style Diagram lets you author semantic SVG content describing your architecture, flow, or structural diagram. You define the geometry and meaning\u2014boxes, connectors, labels\u2014and the skill automatically applies Anthropic's visual language, color ramps, and design tokens. The rendering pipeline handles all styling and design system compliance, so you focus on the diagram's logic.","q":"How do I draw anthropic style diagrams with this skill?"},{"a":"Yes. Anthropic Style Diagram renders SVG diagrams to PNG format with Anthropic design system styling baked in. The skill manages viewBox cropping, color application, and theme rendering automatically, so your exported PNG maintains the visual language and professional appearance of Anthropic's design system.","q":"Can Anthropic Style Diagram convert SVG to PNG?"},{"a":"Anthropic Style Diagram handles architecture diagrams, flowcharts, and structural diagrams. Whether you're mapping system components, illustrating process flows, or showing relationships between elements, the skill's semantic SVG authoring and Anthropic visual language support work across all these diagram types.","q":"What types of diagrams does Anthropic Style Diagram support?"},{"a":"Yes. Anthropic Style Diagram automatically applies Anthropic color ramps and design tokens to your diagram elements. You don't need to manually manage colors or styling\u2014the rendering pipeline bakes the design system into your output, ensuring consistency with Anthropic's visual language.","q":"Does Anthropic Style Diagram apply Anthropic color ramps automatically?"},{"a":"Absolutely. Anthropic Style Diagram supports Claude-style flowcharts by rendering your semantic SVG content through Anthropic's visual language framework. Define your flowchart structure and connections, and the skill applies Claude's design aesthetic, colors, and styling automatically.","q":"Can I create a Claude style flowchart with this skill?"},{"a":"Anthropic Style Diagram separates authoring from design. You write semantic SVG defining geometry and meaning; the skill's rendering pipeline owns all styling, theme application, and design token injection. This means your diagrams stay maintainable while automatically staying aligned with Anthropic's design system.","q":"How does Anthropic Style Diagram handle diagram styling?"}],"shadow_tags":["svg-to-png-export","visual-language-system","architecture-diagramming","design-system-rendering","flow-visualization","structural-layout","semantic-graphics","theme-aware-output","diagram-composition","connector-routing"],"summary_rewrite":"Anthropic Style Diagram generates semantic SVGs following Anthropic's visual language and design system, then renders them to PNG. The skill handles architecture, flow, and structural diagrams\u2014automatically managing colors, themes, viewBox cropping, and style baking. Author the geometry and meaning; the rendering pipeline owns the design."},"files":[{"bytes":12080,"path":"skills/anthropic-style-diagram/SKILL.md","sha256":"f532ce6a2b6ba99f214eb768831093248f26f8341bd1ce056ad840dd3fc5f09c","url":"https://skillfed.io/files/rookie-ricardo/erduo-skills/anthropic-style-diagram/e2e1d109/SKILL.md"}],"id":"rookie-ricardo/erduo-skills/anthropic-style-diagram","links":{"html":"https://skillfed.io/rookie-ricardo/erduo-skills/anthropic-style-diagram","md":"https://skillfed.io/rookie-ricardo/erduo-skills/anthropic-style-diagram.md","repo":"https://github.com/rookie-ricardo/erduo-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":87,"language":"JavaScript","last_updated":"2026-07-25","license":"MIT","name":"anthropic-style-diagram","publisher":"rookie-ricardo","stars":895},"relations":{"similar":[{"id":"NousResearch/hermes-agent/concept-diagrams"},{"id":"himself65/finance-skills/generative-ui"},{"id":"cathrynlavery/diagram-design/diagram-design"},{"id":"yizhiyanhua-ai/fireworks-tech-graph/fireworks-tech-graph"},{"id":"alfredolopez80/multi-agent-ralph-loop/diagram-design"},{"id":"guanyang/open-agent-hub/baoyu-diagram"},{"id":"JimLiu/baoyu-skills/baoyu-diagram"},{"id":"alfredolopez80/multi-agent-ralph-loop/architecture-diagram"},{"id":"pedronauck/skills/architecture-diagram"},{"id":"modu-ai/moai-adk/moai-domain-svg-infographic"}]},"slug":{"owner":"rookie-ricardo","repo":"erduo-skills","skill":"anthropic-style-diagram"},"version":"e2e1d109"}