About
A composed set of file attachment cards using three size levels (default, small, extra small) to show a deliverable, its working files, and cited code snippets in one panel.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Attachment Size Hierarchy to your project and fits it to your theme.
Code
How Attachment Size Hierarchy is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import AttachmentSizes from "@/components/ui/c-attachment-4";
export default function AttachmentSizesDemo() {
return <AttachmentSizes />;
}








