메뉴
Excalidraw diagram generation optimized for coding agents. Produces clean, structured diagrams for system architecture, flow charts, and technical documentation from natural language.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | excalidraw-agents365 |
| description | Excalidraw diagram generation optimized for coding agents. Produces clean, structured diagrams for system architecture, flow charts, and technical documentation from natural language. |
| triggers | ["excalidraw for agents","architecture diagram excalidraw","system diagram"] |
| das | {"category":"diagrams","upstream":"https://github.com/Agents365-ai/excalidraw-skill","upstream_path":"skills/excalidraw-skill/SKILL.md","version":"latest","install":true} |
Catalogue stub — full skill: Agents365-ai/excalidraw-skill
Is the full skill already installed?
Check whether the skill at this location still has a das: block:
grep -q "^das:" ~/.agents/skills/excalidraw-agents365/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"grep -q "^das:" .agents/skills/excalidraw-agents365/SKILL.md 2>/dev/null && echo "pointer" || echo "installed"das: block → full skill installed, invoke it and proceeddas: block present → go to step 2Detect scope, then install:
To detect scope:
[ -e ~/.agents/skills/excalidraw-agents365 ] && echo "global" || echo "project"
Global (installed with -g):
npx skills add Agents365-ai/excalidraw-skill --skill excalidraw-agents365 -g -y
Project (installed without -g):
npx skills add Agents365-ai/excalidraw-skill --skill excalidraw-agents365 -y
Claude Code: send either command as a chat message starting with
!to run it without leaving the conversation.
excalidraw-agents365Generates Excalidraw diagrams tuned for coding agent workflows — system architecture, flow charts, and technical documentation. Optimized for clean, structured output rather than freeform sketching.
Catalogue navigator for design-agent-skills. Lists available design skill stubs, matches user intent to the right stub, and routes to install and invoke. Use when the user wants to browse or find the right design skill.
Domain navigator for UI craft, visual design, brand, color, typography, mobile design, and interactive design engineering skills. Routes to skills for taste-driven UI, platform design (iOS/Android), components, color science, and the full visual design stack.
Create programmatic videos with React. Official Remotion skill package — compose video sequences using React components, animate with spring physics, and render to MP4/GIF. Ideal for product demos, explainers, and data-driven videos.
SwiftUI visual design skill for distinctive iOS/macOS interfaces that avoid generic AI-slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review.
6 web quality skills from Google Chrome's Addy Osmani: accessibility (WCAG), web quality audit (Lighthouse-style), Core Web Vitals (LCP/INP/CLS), performance, SEO, and security best practices.
Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS. Ensures UI work meets baseline quality standards before shipping.