صِف حزمتك التقنية بجملة واحدة واحصل على مخطّط معماري بالشعارات الرسمية.
مهارة واحدة ترسم مخطّطًا معماريًا من وصف عادي لحزمتك التقنية، مثل Next.js على Vercel مع Postgres على Neon. تجلب الشعارات الرسمية وتستعمل أيقونات كلّ مزوّد لـ AWS وGoogle Cloud وAzure، وتصيّر نسخة فاتحة وأخرى داكنة. الناتج ملف HTML واحد مستقلّ مع صور PNG، ويمكن مشاركته كـ artifact في Claude. وتتيح خطوة اختيارية نشر المخطّط في معرض عام بعد تأكيدك.
تنبيه: تحقّق من شروط استعمال كلّ شعار قبل نشر المخطّطات علنًا.
Paste this prompt into Claude Code: it reads the README and installs it with you, showing each command before running it.
Install the agent skills of “stack-diagram” (https://github.com/caru-ini/stack-diagram) in Claude Code. - Read the README and follow the installation method it recommends. The README documents this command: `npx skills add caru-ini/stack-diagram`. - If it requires /plugin commands, give them to me to type myself; otherwise copy each skill folder (the one containing a SKILL.md) into ~/.claude/skills. - Tell me what each command does before running it. - When done, list the installed skills and suggest a first request to try them.
Once installed, try for example:
Diagram our stack: Next.js and a Hono API on Vercel. Postgres on Neon, auth with Clerk, payments with Stripe. GitHub Actions deploys.
Draw our app on AWS: CloudFront in front of S3 and an ALB, Fargate and RDS in a private subnet.
1.0.0