{
  "version": 1,
  "name": "AI app screens · 50 fresh references",
  "url": "https://swipefile.design/board/ai-app-screens-50-fresh-references/",
  "markdown_url": "https://swipefile.design/board/ai-app-screens-50-fresh-references/notes.md",
  "json_url": "https://swipefile.design/board/ai-app-screens-50-fresh-references/data.json",
  "pdf_url": "https://swipefile.design/board/ai-app-screens-50-fresh-references/export.pdf",
  "reference_count": 50,
  "unavailable_count": 0,
  "guidance": "Use these references for design principles. Follow the project brief and use original branding, content, and imagery. Captures document a particular date; they do not verify current product behavior.",
  "references": [
    {
      "slug": "ai-cleanup-pictures",
      "name": "Cleanup.pictures — Image cleanup",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A neon-highlighted title leads to a dashed image drop zone and a row of sample pictures.",
      "use_for": "Pair an empty upload state with visible examples.",
      "source_url": "https://cleanup.pictures/",
      "reference_url": "https://swipefile.design/ref/ai-cleanup-pictures/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Di4enRtr.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.4fjMZkN1.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A neon-highlighted title leads to a dashed image drop zone and a row of sample pictures.",
        "nav": "Compact top links",
        "layout": "Title and illustration above a wide drop zone",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Pair an empty upload state with visible examples.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Cleanup.pictures — Image cleanup\nSource: https://cleanup.pictures/\nSwipefile reference: https://swipefile.design/ref/ai-cleanup-pictures/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A neon-highlighted title leads to a dashed image drop zone and a row of sample pictures.\n- nav: Compact top links\n- layout: Title and illustration above a wide drop zone\n- density: Comfortable spacing with focused controls.\n- color: White, black and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Pair an empty upload state with visible examples.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Pair an empty upload state with visible examples.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-background",
      "name": "Clipdrop — Remove background",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A serif tool title leads into a large file drop zone and example thumbnails.",
      "use_for": "Make image input the primary action and offer sample images.",
      "source_url": "https://clipdrop.co/remove-background",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-background/",
      "screenshot_url": "https://swipefile.design/_astro/preview.5g8pg9Ma.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Tri-X_iV.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A serif tool title leads into a large file drop zone and example thumbnails.",
        "nav": "Compact product header",
        "layout": "Wide upload panel with sample strip below",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Make image input the primary action and offer sample images.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Remove background\nSource: https://clipdrop.co/remove-background\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-background/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A serif tool title leads into a large file drop zone and example thumbnails.\n- nav: Compact product header\n- layout: Wide upload panel with sample strip below\n- density: Comfortable spacing with focused controls.\n- color: White, black and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Make image input the primary action and offer sample images.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Make image input the primary action and offer sample images.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-cleanup",
      "name": "Clipdrop — Cleanup",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An object-removal entry presents a large dashed image-input area beneath a serif heading.",
      "use_for": "Explain the task before asking for an image.",
      "source_url": "https://clipdrop.co/cleanup",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-cleanup/",
      "screenshot_url": "https://swipefile.design/_astro/preview.oAkm-IKB.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CzNIkWg7.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An object-removal entry presents a large dashed image-input area beneath a serif heading.",
        "nav": "Compact product header",
        "layout": "Large centered drop zone and sample strip",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Explain the task before asking for an image.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Cleanup\nSource: https://clipdrop.co/cleanup\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-cleanup/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An object-removal entry presents a large dashed image-input area beneath a serif heading.\n- nav: Compact product header\n- layout: Large centered drop zone and sample strip\n- density: Comfortable spacing with focused controls.\n- color: White, black and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Explain the task before asking for an image.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain the task before asking for an image.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-relight",
      "name": "Clipdrop — Relight",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A portrait-relighting entry pairs its serif introduction with an image drop zone and portrait examples.",
      "use_for": "Use relevant portrait examples beside an empty editing state.",
      "source_url": "https://clipdrop.co/relight",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-relight/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DxGlLaI3.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D60mnAC3.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A portrait-relighting entry pairs its serif introduction with an image drop zone and portrait examples.",
        "nav": "Compact product header",
        "layout": "Title above a centered input region",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Use relevant portrait examples beside an empty editing state.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Relight\nSource: https://clipdrop.co/relight\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-relight/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A portrait-relighting entry pairs its serif introduction with an image drop zone and portrait examples.\n- nav: Compact product header\n- layout: Title above a centered input region\n- density: Comfortable spacing with focused controls.\n- color: White, black and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Use relevant portrait examples beside an empty editing state.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Use relevant portrait examples beside an empty editing state.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-text-remover",
      "name": "Clipdrop — Text remover",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A text-removal tool pairs a signboard example with a file-input zone and selectable samples.",
      "use_for": "Show a concrete example of what the tool removes.",
      "source_url": "https://clipdrop.co/text-remover",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-text-remover/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BbErloBx.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DEBluW8p.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A text-removal tool pairs a signboard example with a file-input zone and selectable samples.",
        "nav": "Compact product header",
        "layout": "Split introduction above a drop zone",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and bright pink imagery",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Show a concrete example of what the tool removes.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Text remover\nSource: https://clipdrop.co/text-remover\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-text-remover/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A text-removal tool pairs a signboard example with a file-input zone and selectable samples.\n- nav: Compact product header\n- layout: Split introduction above a drop zone\n- density: Comfortable spacing with focused controls.\n- color: White, black and bright pink imagery\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Show a concrete example of what the tool removes.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Show a concrete example of what the tool removes.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-uncrop",
      "name": "Clipdrop — Uncrop",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An image-extension entry shows a small framed example, a large drop zone and landscape samples.",
      "use_for": "Explain an unfamiliar editing operation with a visual example.",
      "source_url": "https://clipdrop.co/uncrop",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-uncrop/",
      "screenshot_url": "https://swipefile.design/_astro/preview.qpP5StGG.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DIa8a-21.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An image-extension entry shows a small framed example, a large drop zone and landscape samples.",
        "nav": "Compact product header",
        "layout": "Title and example above image input",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and muted gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Explain an unfamiliar editing operation with a visual example.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Uncrop\nSource: https://clipdrop.co/uncrop\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-uncrop/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An image-extension entry shows a small framed example, a large drop zone and landscape samples.\n- nav: Compact product header\n- layout: Title and example above image input\n- density: Comfortable spacing with focused controls.\n- color: White, black and muted gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Explain an unfamiliar editing operation with a visual example.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain an unfamiliar editing operation with a visual example.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-clipdrop-upscale",
      "name": "Clipdrop — Image upscaler",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An upscaling entry pairs a mountain comparison with image input, mode controls and samples.",
      "use_for": "Keep quality and speed choices close to the image input.",
      "source_url": "https://clipdrop.co/image-upscaler",
      "reference_url": "https://swipefile.design/ref/ai-clipdrop-upscale/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C43pYM4s.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B4brMw4C.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An upscaling entry pairs a mountain comparison with image input, mode controls and samples.",
        "nav": "Compact product header",
        "layout": "Split introduction above image input and controls",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and pale blue",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep quality and speed choices close to the image input.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Clipdrop — Image upscaler\nSource: https://clipdrop.co/image-upscaler\nSwipefile reference: https://swipefile.design/ref/ai-clipdrop-upscale/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An upscaling entry pairs a mountain comparison with image input, mode controls and samples.\n- nav: Compact product header\n- layout: Split introduction above image input and controls\n- density: Comfortable spacing with focused controls.\n- color: White, black and pale blue\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep quality and speed choices close to the image input.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep quality and speed choices close to the image input.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-connected-papers",
      "name": "Connected Papers — Research search",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A paper-search entry places a query field and graph-building action between decorative citation networks.",
      "use_for": "Introduce graph-based discovery with a familiar search input.",
      "source_url": "https://www.connectedpapers.com/",
      "reference_url": "https://swipefile.design/ref/ai-connected-papers/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cx_U__wI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card._RG0j37O.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "research",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A paper-search entry places a query field and graph-building action between decorative citation networks.",
        "nav": "Small top navigation",
        "layout": "Centered search field with explanatory content below",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, teal and pale gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Introduce graph-based discovery with a familiar search input.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Connected Papers — Research search\nSource: https://www.connectedpapers.com/\nSwipefile reference: https://swipefile.design/ref/ai-connected-papers/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A paper-search entry places a query field and graph-building action between decorative citation networks.\n- nav: Small top navigation\n- layout: Centered search field with explanatory content below\n- density: Comfortable spacing with focused controls.\n- color: White, teal and pale gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Introduce graph-based discovery with a familiar search input.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Introduce graph-based discovery with a familiar search input.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-erase-bg",
      "name": "Erase.bg — Background removal",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A dark background-removal entry centers a magenta upload action and a compact row of sample portraits.",
      "use_for": "Make upload and sample routes easy to distinguish.",
      "source_url": "https://www.erase.bg/upload",
      "reference_url": "https://swipefile.design/ref/ai-erase-bg/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ckS-jh7C.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DcaaFJUt.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark background-removal entry centers a magenta upload action and a compact row of sample portraits.",
        "nav": "Horizontal product navigation",
        "layout": "Centered image-input panel above samples",
        "density": "Comfortable spacing with focused controls.",
        "color": "Near-black, white and magenta",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Make upload and sample routes easy to distinguish.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Erase.bg — Background removal\nSource: https://www.erase.bg/upload\nSwipefile reference: https://swipefile.design/ref/ai-erase-bg/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A dark background-removal entry centers a magenta upload action and a compact row of sample portraits.\n- nav: Horizontal product navigation\n- layout: Centered image-input panel above samples\n- density: Comfortable spacing with focused controls.\n- color: Near-black, white and magenta\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Make upload and sample routes easy to distinguish.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Make upload and sample routes easy to distinguish.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-fal-explore",
      "name": "fal — Model explorer",
      "kind": "app",
      "archetype": "Browse & Discovery",
      "summary": "A featured model banner leads to model search, modality filters and a grid of visual model cards.",
      "use_for": "Combine curated model discovery with task-based filtering.",
      "source_url": "https://fal.ai/explore",
      "reference_url": "https://swipefile.design/ref/ai-fal-explore/",
      "screenshot_url": "https://swipefile.design/_astro/preview.2c4JP8DJ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BmlaCJn4.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A featured model banner leads to model search, modality filters and a grid of visual model cards.",
        "nav": "Global product navigation",
        "layout": "Feature banner above search, filters and cards",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, charcoal and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Combine curated model discovery with task-based filtering.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: fal — Model explorer\nSource: https://fal.ai/explore\nSwipefile reference: https://swipefile.design/ref/ai-fal-explore/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A featured model banner leads to model search, modality filters and a grid of visual model cards.\n- nav: Global product navigation\n- layout: Feature banner above search, filters and cards\n- density: Comfortable spacing with focused controls.\n- color: White, charcoal and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Combine curated model discovery with task-based filtering.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Combine curated model discovery with task-based filtering.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-ginger-writer",
      "name": "Ginger — Grammar checker",
      "kind": "app",
      "archetype": "Docs & Notebooks",
      "summary": "A pale-blue grammar interface pairs a large text area with writing actions and keyboard-command guidance.",
      "use_for": "Keep corrective actions near the text and expose keyboard guidance.",
      "source_url": "https://www.gingersoftware.com/grammarcheck",
      "reference_url": "https://swipefile.design/ref/ai-ginger-writer/",
      "screenshot_url": "https://swipefile.design/_astro/preview.ZrrNqcEt.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B4Sa9kVk.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "writing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A pale-blue grammar interface pairs a large text area with writing actions and keyboard-command guidance.",
        "nav": "Compact top navigation",
        "layout": "Editor left with shortcuts and guidance on the right",
        "density": "Comfortable spacing with focused controls.",
        "color": "Pale blue, white and teal",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep corrective actions near the text and expose keyboard guidance.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Ginger — Grammar checker\nSource: https://www.gingersoftware.com/grammarcheck\nSwipefile reference: https://swipefile.design/ref/ai-ginger-writer/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A pale-blue grammar interface pairs a large text area with writing actions and keyboard-command guidance.\n- nav: Compact top navigation\n- layout: Editor left with shortcuts and guidance on the right\n- density: Comfortable spacing with focused controls.\n- color: Pale blue, white and teal\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep corrective actions near the text and expose keyboard guidance.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep corrective actions near the text and expose keyboard guidance.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-chef",
      "name": "Goblin Tools — The Chef",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An ingredient-and-preference text area sits above a suggestion action and an empty recipe output.",
      "use_for": "Turn an open-ended request into a single focused form.",
      "source_url": "https://goblin.tools/Chef",
      "reference_url": "https://swipefile.design/ref/ai-goblin-chef/",
      "screenshot_url": "https://swipefile.design/_astro/preview.y0fnjJCd.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Kb52uifz.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "everyday-tools",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An ingredient-and-preference text area sits above a suggestion action and an empty recipe output.",
        "nav": "Shared horizontal tool navigation",
        "layout": "Narrow stacked input and output fields",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Turn an open-ended request into a single focused form.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — The Chef\nSource: https://goblin.tools/Chef\nSwipefile reference: https://swipefile.design/ref/ai-goblin-chef/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An ingredient-and-preference text area sits above a suggestion action and an empty recipe output.\n- nav: Shared horizontal tool navigation\n- layout: Narrow stacked input and output fields\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Turn an open-ended request into a single focused form.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Turn an open-ended request into a single focused form.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-compiler",
      "name": "Goblin Tools — Compiler",
      "kind": "app",
      "archetype": "Project Management",
      "summary": "A brain-dump input and task-conversion action provide a sparse entry into task organization.",
      "use_for": "Let people begin with unstructured thoughts before organizing tasks.",
      "source_url": "https://goblin.tools/Compiler",
      "reference_url": "https://swipefile.design/ref/ai-goblin-compiler/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DnD1vFiq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.2qnhRr5r.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "productivity",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A brain-dump input and task-conversion action provide a sparse entry into task organization.",
        "nav": "Shared horizontal tool navigation",
        "layout": "Single centered input and conversion action",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Let people begin with unstructured thoughts before organizing tasks.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — Compiler\nSource: https://goblin.tools/Compiler\nSwipefile reference: https://swipefile.design/ref/ai-goblin-compiler/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A brain-dump input and task-conversion action provide a sparse entry into task organization.\n- nav: Shared horizontal tool navigation\n- layout: Single centered input and conversion action\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Let people begin with unstructured thoughts before organizing tasks.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Let people begin with unstructured thoughts before organizing tasks.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-estimator",
      "name": "Goblin Tools — Estimator",
      "kind": "app",
      "archetype": "Project Management",
      "summary": "An activity input sits above an estimate action, intensity controls and an empty duration output.",
      "use_for": "Place adjustment controls next to the operation they affect.",
      "source_url": "https://goblin.tools/Estimator",
      "reference_url": "https://swipefile.design/ref/ai-goblin-estimator/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DLwBxLVX.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CCpFSH7C.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "productivity",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An activity input sits above an estimate action, intensity controls and an empty duration output.",
        "nav": "Shared horizontal tool navigation",
        "layout": "Stacked form with controls between input and output",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Place adjustment controls next to the operation they affect.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — Estimator\nSource: https://goblin.tools/Estimator\nSwipefile reference: https://swipefile.design/ref/ai-goblin-estimator/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An activity input sits above an estimate action, intensity controls and an empty duration output.\n- nav: Shared horizontal tool navigation\n- layout: Stacked form with controls between input and output\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Place adjustment controls next to the operation they affect.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Place adjustment controls next to the operation they affect.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-formalizer",
      "name": "Goblin Tools — Formalizer",
      "kind": "app",
      "archetype": "Docs & Notebooks",
      "summary": "A text editor, tone selector and conversion action lead into a separate rewritten-text panel.",
      "use_for": "Make tone selection explicit before rewriting text.",
      "source_url": "https://goblin.tools/Formalizer",
      "reference_url": "https://swipefile.design/ref/ai-goblin-formalizer/",
      "screenshot_url": "https://swipefile.design/_astro/preview.aQzp1H_i.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.LBOAj7Bs.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "writing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A text editor, tone selector and conversion action lead into a separate rewritten-text panel.",
        "nav": "Shared horizontal tool navigation",
        "layout": "Input above tone controls and output",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Make tone selection explicit before rewriting text.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — Formalizer\nSource: https://goblin.tools/Formalizer\nSwipefile reference: https://swipefile.design/ref/ai-goblin-formalizer/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A text editor, tone selector and conversion action lead into a separate rewritten-text panel.\n- nav: Shared horizontal tool navigation\n- layout: Input above tone controls and output\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Make tone selection explicit before rewriting text.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Make tone selection explicit before rewriting text.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-judge",
      "name": "Goblin Tools — The Judge",
      "kind": "app",
      "archetype": "Docs & Notebooks",
      "summary": "A message-analysis form separates the original text, analysis actions and an empty interpretation area.",
      "use_for": "Differentiate interpreting a message from suggesting a response.",
      "source_url": "https://goblin.tools/Judge",
      "reference_url": "https://swipefile.design/ref/ai-goblin-judge/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BvXm7vHU.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.tYk8uNhP.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "writing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A message-analysis form separates the original text, analysis actions and an empty interpretation area.",
        "nav": "Shared horizontal tool navigation",
        "layout": "Single-column text analysis form",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Differentiate interpreting a message from suggesting a response.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — The Judge\nSource: https://goblin.tools/Judge\nSwipefile reference: https://swipefile.design/ref/ai-goblin-judge/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A message-analysis form separates the original text, analysis actions and an empty interpretation area.\n- nav: Shared horizontal tool navigation\n- layout: Single-column text analysis form\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Differentiate interpreting a message from suggesting a response.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Differentiate interpreting a message from suggesting a response.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-goblin-tools",
      "name": "Goblin Tools — Tool directory",
      "kind": "app",
      "archetype": "Browse & Discovery",
      "summary": "A three-column directory uses small icons and short descriptions to introduce everyday AI tools.",
      "use_for": "Organize focused utilities by recognizable everyday tasks.",
      "source_url": "https://goblin.tools/",
      "reference_url": "https://swipefile.design/ref/ai-goblin-tools/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CikEVWqq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.KjckzQ3d.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "productivity",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A three-column directory uses small icons and short descriptions to introduce everyday AI tools.",
        "nav": "Shared tool navigation",
        "layout": "Compact three-column tool-card grid",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, blue and lime",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Organize focused utilities by recognizable everyday tasks.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Goblin Tools — Tool directory\nSource: https://goblin.tools/\nSwipefile reference: https://swipefile.design/ref/ai-goblin-tools/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A three-column directory uses small icons and short descriptions to introduce everyday AI tools.\n- nav: Shared tool navigation\n- layout: Compact three-column tool-card grid\n- density: Comfortable spacing with focused controls.\n- color: White, blue and lime\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Organize focused utilities by recognizable everyday tasks.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Organize focused utilities by recognizable everyday tasks.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-google-translate",
      "name": "Google Translate — Translation workspace",
      "kind": "app",
      "archetype": "Docs & Notebooks",
      "summary": "A two-panel translation workspace keeps source and target language selectors above text input and output.",
      "use_for": "Align source and output while keeping language switching nearby.",
      "source_url": "https://translate.google.com/?sl=auto&tl=en&op=translate",
      "reference_url": "https://swipefile.design/ref/ai-google-translate/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DTbhObaN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DjoSmvPG.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "translation",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A two-panel translation workspace keeps source and target language selectors above text input and output.",
        "nav": "Header with content-mode tabs",
        "layout": "Side-by-side input and translation panels",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, light gray and blue",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Align source and output while keeping language switching nearby.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Google Translate — Translation workspace\nSource: https://translate.google.com/?sl=auto&tl=en&op=translate\nSwipefile reference: https://swipefile.design/ref/ai-google-translate/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A two-panel translation workspace keeps source and target language selectors above text input and output.\n- nav: Header with content-mode tabs\n- layout: Side-by-side input and translation panels\n- density: Comfortable spacing with focused controls.\n- color: White, light gray and blue\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Align source and output while keeping language switching nearby.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Align source and output while keeping language switching nearby.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-huggingface-model-card",
      "name": "Hugging Face — Qwen model card",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "A model detail combines repository tabs, technical documentation, activity metrics and an inference sidebar.",
      "use_for": "Keep technical documentation and model-use controls in one detail view.",
      "source_url": "https://huggingface.co/Qwen/Qwen3-8B",
      "reference_url": "https://swipefile.design/ref/ai-huggingface-model-card/",
      "screenshot_url": "https://swipefile.design/_astro/preview.RJfuIB6Y.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C9CRRok8.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A model detail combines repository tabs, technical documentation, activity metrics and an inference sidebar.",
        "nav": "Global search plus repository tabs",
        "layout": "Documentation column with model metadata and inference sidebar",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, gray and blue",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep technical documentation and model-use controls in one detail view.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Hugging Face — Qwen model card\nSource: https://huggingface.co/Qwen/Qwen3-8B\nSwipefile reference: https://swipefile.design/ref/ai-huggingface-model-card/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A model detail combines repository tabs, technical documentation, activity metrics and an inference sidebar.\n- nav: Global search plus repository tabs\n- layout: Documentation column with model metadata and inference sidebar\n- density: Comfortable spacing with focused controls.\n- color: White, gray and blue\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep technical documentation and model-use controls in one detail view.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep technical documentation and model-use controls in one detail view.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-kimi-chat",
      "name": "Kimi — Chat workspace",
      "kind": "app",
      "archetype": "AI Chat",
      "summary": "A centered composer and task shortcuts sit inside a broad workspace with a persistent project-and-tools sidebar.",
      "use_for": "Offer task-specific starts without hiding the main chat composer.",
      "source_url": "https://www.kimi.com/",
      "reference_url": "https://swipefile.design/ref/ai-kimi-chat/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dilm35r7.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CayDqRym.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "chat",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A centered composer and task shortcuts sit inside a broad workspace with a persistent project-and-tools sidebar.",
        "nav": "Full-height left sidebar",
        "layout": "Wide central composer with task shortcuts below",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Offer task-specific starts without hiding the main chat composer.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Kimi — Chat workspace\nSource: https://www.kimi.com/\nSwipefile reference: https://swipefile.design/ref/ai-kimi-chat/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A centered composer and task shortcuts sit inside a broad workspace with a persistent project-and-tools sidebar.\n- nav: Full-height left sidebar\n- layout: Wide central composer with task shortcuts below\n- density: Comfortable spacing with focused controls.\n- color: White, black and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Offer task-specific starts without hiding the main chat composer.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Offer task-specific starts without hiding the main chat composer.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-litmaps",
      "name": "Litmaps — Research discovery",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A paper-search entry pairs a narrow sidebar with overlapping citation-map previews and an account invitation.",
      "use_for": "Explain a research graph through a visual preview before search.",
      "source_url": "https://app.litmaps.com/",
      "reference_url": "https://swipefile.design/ref/ai-litmaps/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BfEvtLsM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.uoCXsO0t.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "research",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A paper-search entry pairs a narrow sidebar with overlapping citation-map previews and an account invitation.",
        "nav": "Slim left sidebar",
        "layout": "Search-led introduction with map previews",
        "density": "Comfortable spacing with focused controls.",
        "color": "Pale gray, white and blue",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Explain a research graph through a visual preview before search.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Litmaps — Research discovery\nSource: https://app.litmaps.com/\nSwipefile reference: https://swipefile.design/ref/ai-litmaps/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A paper-search entry pairs a narrow sidebar with overlapping citation-map previews and an account invitation.\n- nav: Slim left sidebar\n- layout: Search-led introduction with map previews\n- density: Comfortable spacing with focused controls.\n- color: Pale gray, white and blue\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Explain a research graph through a visual preview before search.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain a research graph through a visual preview before search.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-lmstudio-models",
      "name": "LM Studio — Model catalog",
      "kind": "app",
      "archetype": "Tables & Lists",
      "summary": "A model catalog puts capability filters and a sort menu above compact model summaries.",
      "use_for": "Expose model capabilities in scannable list rows.",
      "source_url": "https://lmstudio.ai/models",
      "reference_url": "https://swipefile.design/ref/ai-lmstudio-models/",
      "screenshot_url": "https://swipefile.design/_astro/preview.egrm8eJI.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Ck9T38EG.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A model catalog puts capability filters and a sort menu above compact model summaries.",
        "nav": "Compact header navigation",
        "layout": "Narrow centered list with filters and sorting",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, gray and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Expose model capabilities in scannable list rows.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: LM Studio — Model catalog\nSource: https://lmstudio.ai/models\nSwipefile reference: https://swipefile.design/ref/ai-lmstudio-models/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A model catalog puts capability filters and a sort menu above compact model summaries.\n- nav: Compact header navigation\n- layout: Narrow centered list with filters and sorting\n- density: Comfortable spacing with focused controls.\n- color: White, gray and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Expose model capabilities in scannable list rows.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Expose model capabilities in scannable list rows.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-magic-eraser",
      "name": "Magic Studio — Magic Eraser",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A file-input area sits beside a before-and-after image example with selectable sample thumbnails below.",
      "use_for": "Use a visible comparison to explain the editing action.",
      "source_url": "https://magicstudio.com/magiceraser/",
      "reference_url": "https://swipefile.design/ref/ai-magic-eraser/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BZ88QWYP.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DtljhcqE.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A file-input area sits beside a before-and-after image example with selectable sample thumbnails below.",
        "nav": "Minimal top navigation",
        "layout": "Image input left and editing demonstration right",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, charcoal and magenta",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Use a visible comparison to explain the editing action.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Magic Studio — Magic Eraser\nSource: https://magicstudio.com/magiceraser/\nSwipefile reference: https://swipefile.design/ref/ai-magic-eraser/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A file-input area sits beside a before-and-after image example with selectable sample thumbnails below.\n- nav: Minimal top navigation\n- layout: Image input left and editing demonstration right\n- density: Comfortable spacing with focused controls.\n- color: White, charcoal and magenta\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Use a visible comparison to explain the editing action.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Use a visible comparison to explain the editing action.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-ollama-library",
      "name": "Ollama — Model library",
      "kind": "app",
      "archetype": "Tables & Lists",
      "summary": "A searchable model library uses capability tags, short descriptions and usage metadata in spacious rows.",
      "use_for": "Put compatibility and model size information directly in list rows.",
      "source_url": "https://ollama.com/library",
      "reference_url": "https://swipefile.design/ref/ai-ollama-library/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BJ97UUKV.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Dm_dqzR5.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A searchable model library uses capability tags, short descriptions and usage metadata in spacious rows.",
        "nav": "Compact header with search",
        "layout": "Centered filter bar and model list",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and muted blue",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Put compatibility and model size information directly in list rows.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Ollama — Model library\nSource: https://ollama.com/library\nSwipefile reference: https://swipefile.design/ref/ai-ollama-library/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A searchable model library uses capability tags, short descriptions and usage metadata in spacious rows.\n- nav: Compact header with search\n- layout: Centered filter bar and model list\n- density: Comfortable spacing with focused controls.\n- color: White, black and muted blue\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Put compatibility and model size information directly in list rows.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Put compatibility and model size information directly in list rows.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-openrouter-chat",
      "name": "OpenRouter — Chat playground",
      "kind": "app",
      "archetype": "AI Chat",
      "summary": "A comparison-ready chat workspace exposes model selection, a conversation sidebar and a broad prompt composer.",
      "use_for": "Keep model selection visible when comparing chat experiences.",
      "source_url": "https://openrouter.ai/chat",
      "reference_url": "https://swipefile.design/ref/ai-openrouter-chat/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DWIR6jEo.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BuhqkF6O.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A comparison-ready chat workspace exposes model selection, a conversation sidebar and a broad prompt composer.",
        "nav": "Left conversation sidebar and top model controls",
        "layout": "Large empty conversation canvas with composer below",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, light gray and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep model selection visible when comparing chat experiences.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: OpenRouter — Chat playground\nSource: https://openrouter.ai/chat\nSwipefile reference: https://swipefile.design/ref/ai-openrouter-chat/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A comparison-ready chat workspace exposes model selection, a conversation sidebar and a broad prompt composer.\n- nav: Left conversation sidebar and top model controls\n- layout: Large empty conversation canvas with composer below\n- density: Comfortable spacing with focused controls.\n- color: White, light gray and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep model selection visible when comparing chat experiences.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep model selection visible when comparing chat experiences.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-pixlr-editor",
      "name": "Pixlr Editor — Start screen",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A dark editor start screen places image opening and canvas creation beside an introduction, with tools listed in a sidebar.",
      "use_for": "Distinguish opening an image from creating a blank canvas.",
      "source_url": "https://pixlr.com/editor/",
      "reference_url": "https://swipefile.design/ref/ai-pixlr-editor/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DGwU4NL5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CSMLq_ij.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark editor start screen places image opening and canvas creation beside an introduction, with tools listed in a sidebar.",
        "nav": "Persistent left product and feature sidebar",
        "layout": "Large input panel next to introductory copy",
        "density": "Comfortable spacing with focused controls.",
        "color": "Charcoal, cyan and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Distinguish opening an image from creating a blank canvas.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Pixlr Editor — Start screen\nSource: https://pixlr.com/editor/\nSwipefile reference: https://swipefile.design/ref/ai-pixlr-editor/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A dark editor start screen places image opening and canvas creation beside an introduction, with tools listed in a sidebar.\n- nav: Persistent left product and feature sidebar\n- layout: Large input panel next to introductory copy\n- density: Comfortable spacing with focused controls.\n- color: Charcoal, cyan and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Distinguish opening an image from creating a blank canvas.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Distinguish opening an image from creating a blank canvas.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-pixlr-express",
      "name": "Pixlr Express — Start screen",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An AI photo-editor start screen combines an image-opening panel, generation entry and a full tool sidebar.",
      "use_for": "Show common editing starts before users provide an image.",
      "source_url": "https://pixlr.com/express/",
      "reference_url": "https://swipefile.design/ref/ai-pixlr-express/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C26G27sF.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Bao05fio.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An AI photo-editor start screen combines an image-opening panel, generation entry and a full tool sidebar.",
        "nav": "Persistent left product and feature sidebar",
        "layout": "Input panel left and introduction right",
        "density": "Comfortable spacing with focused controls.",
        "color": "Charcoal, cyan and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Show common editing starts before users provide an image.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Pixlr Express — Start screen\nSource: https://pixlr.com/express/\nSwipefile reference: https://swipefile.design/ref/ai-pixlr-express/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An AI photo-editor start screen combines an image-opening panel, generation entry and a full tool sidebar.\n- nav: Persistent left product and feature sidebar\n- layout: Input panel left and introduction right\n- density: Comfortable spacing with focused controls.\n- color: Charcoal, cyan and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Show common editing starts before users provide an image.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Show common editing starts before users provide an image.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-recraft-community",
      "name": "Recraft — Community gallery",
      "kind": "app",
      "archetype": "Browse & Discovery",
      "summary": "A dense masonry gallery pairs image-type filters with a persistent project-and-community sidebar.",
      "use_for": "Let imagery lead while keeping type filters and navigation stable.",
      "source_url": "https://www.recraft.ai/community",
      "reference_url": "https://swipefile.design/ref/ai-recraft-community/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DMuuMdBR.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C6tiOmNZ.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-generation",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dense masonry gallery pairs image-type filters with a persistent project-and-community sidebar.",
        "nav": "Full-height left sidebar",
        "layout": "Multi-column masonry gallery below filter tabs",
        "density": "Comfortable spacing with focused controls.",
        "color": "Pale gray and black around colorful artwork",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Let imagery lead while keeping type filters and navigation stable.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Recraft — Community gallery\nSource: https://www.recraft.ai/community\nSwipefile reference: https://swipefile.design/ref/ai-recraft-community/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A dense masonry gallery pairs image-type filters with a persistent project-and-community sidebar.\n- nav: Full-height left sidebar\n- layout: Multi-column masonry gallery below filter tabs\n- density: Comfortable spacing with focused controls.\n- color: Pale gray and black around colorful artwork\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Let imagery lead while keeping type filters and navigation stable.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Let imagery lead while keeping type filters and navigation stable.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-semantic-scholar",
      "name": "Semantic Scholar — Paper search",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A deep-blue research-search entry centers a broad search field, yellow action and sample topics.",
      "use_for": "Use sample topics to make a broad research search approachable.",
      "source_url": "https://www.semanticscholar.org/",
      "reference_url": "https://swipefile.design/ref/ai-semantic-scholar/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BbxSa6px.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.pxsLXL5t.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "research",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A deep-blue research-search entry centers a broad search field, yellow action and sample topics.",
        "nav": "Small account actions at top",
        "layout": "Large search field beneath identity and description",
        "density": "Comfortable spacing with focused controls.",
        "color": "Navy, yellow and white",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Use sample topics to make a broad research search approachable.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Semantic Scholar — Paper search\nSource: https://www.semanticscholar.org/\nSwipefile reference: https://swipefile.design/ref/ai-semantic-scholar/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A deep-blue research-search entry centers a broad search field, yellow action and sample topics.\n- nav: Small account actions at top\n- layout: Large search field beneath identity and description\n- density: Comfortable spacing with focused controls.\n- color: Navy, yellow and white\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Use sample topics to make a broad research search approachable.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Use sample topics to make a broad research search approachable.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-upscale-media",
      "name": "Upscale.media — Upload workspace",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An upscaling entry presents image/video mode tabs, a single purple upload action and example images.",
      "use_for": "Keep supported media modes visible before upload.",
      "source_url": "https://www.upscale.media/upload",
      "reference_url": "https://swipefile.design/ref/ai-upscale-media/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B1Gpe48p.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B3DPJ5J6.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An upscaling entry presents image/video mode tabs, a single purple upload action and example images.",
        "nav": "Horizontal product navigation",
        "layout": "Centered input panel with mode tabs and examples",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, gray and violet",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep supported media modes visible before upload.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Upscale.media — Upload workspace\nSource: https://www.upscale.media/upload\nSwipefile reference: https://swipefile.design/ref/ai-upscale-media/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An upscaling entry presents image/video mode tabs, a single purple upload action and example images.\n- nav: Horizontal product navigation\n- layout: Centered input panel with mode tabs and examples\n- density: Comfortable spacing with focused controls.\n- color: White, gray and violet\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep supported media modes visible before upload.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep supported media modes visible before upload.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-yandex-translate",
      "name": "Yandex Translate — Translation workspace",
      "kind": "app",
      "archetype": "Docs & Notebooks",
      "summary": "A translation input and paired output region sit beside a slim navigation rail, with an AI prompt bar beneath.",
      "use_for": "Separate translation input from optional follow-up questions.",
      "source_url": "https://translate.yandex.com/",
      "reference_url": "https://swipefile.design/ref/ai-yandex-translate/",
      "screenshot_url": "https://swipefile.design/_astro/preview.OYHf3Y2e.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DJjxugsB.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "translation",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A translation input and paired output region sit beside a slim navigation rail, with an AI prompt bar beneath.",
        "nav": "Vertical icon rail",
        "layout": "Two-column translation area above a prompt bar",
        "density": "Comfortable spacing with focused controls.",
        "color": "Light gray, white and coral",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Separate translation input from optional follow-up questions.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Yandex Translate — Translation workspace\nSource: https://translate.yandex.com/\nSwipefile reference: https://swipefile.design/ref/ai-yandex-translate/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A translation input and paired output region sit beside a slim navigation rail, with an AI prompt bar beneath.\n- nav: Vertical icon rail\n- layout: Two-column translation area above a prompt bar\n- density: Comfortable spacing with focused controls.\n- color: Light gray, white and coral\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Separate translation input from optional follow-up questions.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Separate translation input from optional follow-up questions.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-z-ai-chat",
      "name": "Z.ai — Creation chat",
      "kind": "app",
      "archetype": "AI Chat",
      "summary": "A serif creation prompt sits above a composer and a small gallery of example sites inside a narrow-rail workspace.",
      "use_for": "Use visual examples to make a broad creation prompt concrete.",
      "source_url": "https://chat.z.ai/",
      "reference_url": "https://swipefile.design/ref/ai-z-ai-chat/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B11ATW1L.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D7VZZ-SZ.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "chat",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A serif creation prompt sits above a composer and a small gallery of example sites inside a narrow-rail workspace.",
        "nav": "Slim left icon rail",
        "layout": "Centered composer above visual example cards",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, charcoal and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Use visual examples to make a broad creation prompt concrete.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Z.ai — Creation chat\nSource: https://chat.z.ai/\nSwipefile reference: https://swipefile.design/ref/ai-z-ai-chat/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A serif creation prompt sits above a composer and a small gallery of example sites inside a narrow-rail workspace.\n- nav: Slim left icon rail\n- layout: Centered composer above visual example cards\n- density: Comfortable spacing with focused controls.\n- color: White, charcoal and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Use visual examples to make a broad creation prompt concrete.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Use visual examples to make a broad creation prompt concrete.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-qwen-chat",
      "name": "Qwen Studio — Chat entry",
      "kind": "app",
      "archetype": "AI Chat",
      "summary": "A minimal chat entry keeps the model selector at the top and a sparse composer in the center.",
      "use_for": "Keep a first conversation focused on one input.",
      "source_url": "https://chat.qwen.ai/",
      "reference_url": "https://swipefile.design/ref/ai-qwen-chat/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DnN669nB.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B4aFQWRD.webp",
      "captured": "2026-09-05",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "chat",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A minimal chat entry keeps the model selector at the top and a sparse composer in the center.",
        "nav": "Minimal top model and account controls",
        "layout": "Open canvas with centered text composer",
        "density": "Comfortable spacing with focused controls.",
        "color": "White, black and light gray",
        "typography": "Readable sans-serif controls and clear heading hierarchy.",
        "pattern": "Keep a first conversation focused on one input.",
        "states": "Public initial state; no user content submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Qwen Studio — Chat entry\nSource: https://chat.qwen.ai/\nSwipefile reference: https://swipefile.design/ref/ai-qwen-chat/\nCaptured: 2026-09-05. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A minimal chat entry keeps the model selector at the top and a sparse composer in the center.\n- nav: Minimal top model and account controls\n- layout: Open canvas with centered text composer\n- density: Comfortable spacing with focused controls.\n- color: White, black and light gray\n- typography: Readable sans-serif controls and clear heading hierarchy.\n- pattern: Keep a first conversation focused on one input.\n- states: Public initial state; no user content submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep a first conversation focused on one input.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-whisper-web",
      "name": "Whisper Web — Audio input demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A speech-recognition demo presents three clearly labeled input routes: URL, file and recording.",
      "use_for": "Expose supported input routes before loading a transcription workflow.",
      "source_url": "https://xenova-whisper-web.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-whisper-web/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B8INRjc5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DUWwXU2z.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "transcription",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A speech-recognition demo presents three clearly labeled input routes: URL, file and recording.",
        "nav": "A single segmented input selector",
        "layout": "Large centered heading above three input buttons",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, navy and gray",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Expose supported input routes before loading a transcription workflow.",
        "states": "Demo entry; no audio supplied or microphone activated.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Whisper Web — Audio input demo\nSource: https://xenova-whisper-web.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-whisper-web/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A speech-recognition demo presents three clearly labeled input routes: URL, file and recording.\n- nav: A single segmented input selector\n- layout: Large centered heading above three input buttons\n- density: Focused controls with comfortable spacing.\n- color: White, navy and gray\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Expose supported input routes before loading a transcription workflow.\n- states: Demo entry; no audio supplied or microphone activated.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Expose supported input routes before loading a transcription workflow.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-the-tokenizer-playground",
      "name": "Tokenizer Playground — Empty editor demo",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "A tokenizer selector sits above a text editor, token and character counters, and a separate output panel.",
      "use_for": "Make model-dependent text processing visible through paired input and output.",
      "source_url": "https://xenova-the-tokenizer-playground.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-the-tokenizer-playground/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Hw3UyfRq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.zZJUDLQH.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "models",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A tokenizer selector sits above a text editor, token and character counters, and a separate output panel.",
        "nav": "Tokenizer selector and output display options",
        "layout": "Stacked editor, counters and output",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, slate and light gray",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Make model-dependent text processing visible through paired input and output.",
        "states": "Demo initial state with zero tokens and characters.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Tokenizer Playground — Empty editor demo\nSource: https://xenova-the-tokenizer-playground.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-the-tokenizer-playground/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A tokenizer selector sits above a text editor, token and character counters, and a separate output panel.\n- nav: Tokenizer selector and output display options\n- layout: Stacked editor, counters and output\n- density: Focused controls with comfortable spacing.\n- color: White, slate and light gray\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Make model-dependent text processing visible through paired input and output.\n- states: Demo initial state with zero tokens and characters.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Make model-dependent text processing visible through paired input and output.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-kokoro-web",
      "name": "Kokoro Web — Speech composer demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A speech composer contains built-in sample text, word counts, a voice selector, speed slider and disabled audio download.",
      "use_for": "Keep voice and speed controls between the text and generation action.",
      "source_url": "https://xenova-kokoro-web.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-kokoro-web/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BHmW0IgG.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CkDLMM5l.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "voice",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A speech composer contains built-in sample text, word counts, a voice selector, speed slider and disabled audio download.",
        "nav": "Inline voice and speed controls",
        "layout": "Framed text composer with controls and output action below",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, charcoal and blue",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Keep voice and speed controls between the text and generation action.",
        "states": "Built-in example text; no speech generated.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Kokoro Web — Speech composer demo\nSource: https://xenova-kokoro-web.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-kokoro-web/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A speech composer contains built-in sample text, word counts, a voice selector, speed slider and disabled audio download.\n- nav: Inline voice and speed controls\n- layout: Framed text composer with controls and output action below\n- density: Focused controls with comfortable spacing.\n- color: White, charcoal and blue\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Keep voice and speed controls between the text and generation action.\n- states: Built-in example text; no speech generated.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep voice and speed controls between the text and generation action.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-segment-anything-web",
      "name": "Segment Anything — Image input demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A large image-input area is followed by reset, point-clear and mask controls, with a short interaction hint.",
      "use_for": "Explain point-based selection alongside the image canvas.",
      "source_url": "https://xenova-segment-anything-web.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-segment-anything-web/",
      "screenshot_url": "https://swipefile.design/_astro/preview.kCtEXfAM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BanwiQt9.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A large image-input area is followed by reset, point-clear and mask controls, with a short interaction hint.",
        "nav": "Local image and mask controls",
        "layout": "Centered image region with action row below",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, black and blue",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Explain point-based selection alongside the image canvas.",
        "states": "Public demo initial state; no image supplied.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Segment Anything — Image input demo\nSource: https://xenova-segment-anything-web.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-segment-anything-web/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A large image-input area is followed by reset, point-clear and mask controls, with a short interaction hint.\n- nav: Local image and mask controls\n- layout: Centered image region with action row below\n- density: Focused controls with comfortable spacing.\n- color: White, black and blue\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Explain point-based selection alongside the image canvas.\n- states: Public demo initial state; no image supplied.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain point-based selection alongside the image canvas.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-depth-anything-web",
      "name": "Depth Anything — Image input demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A minimal depth-estimation demo offers a large dashed upload region, an example route and a ready indicator.",
      "use_for": "Keep an upload-driven tool focused on input and readiness.",
      "source_url": "https://xenova-depth-anything-web.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-depth-anything-web/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DNsSVU5N.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DFa45zfT.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A minimal depth-estimation demo offers a large dashed upload region, an example route and a ready indicator.",
        "nav": "Single image-input region",
        "layout": "Centered title, large input region and status line",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, black and gray",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Keep an upload-driven tool focused on input and readiness.",
        "states": "Public demo ready state; no image supplied.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Depth Anything — Image input demo\nSource: https://xenova-depth-anything-web.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-depth-anything-web/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A minimal depth-estimation demo offers a large dashed upload region, an example route and a ready indicator.\n- nav: Single image-input region\n- layout: Centered title, large input region and status line\n- density: Focused controls with comfortable spacing.\n- color: White, black and gray\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Keep an upload-driven tool focused on input and readiness.\n- states: Public demo ready state; no image supplied.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep an upload-driven tool focused on input and readiness.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-remove-background-web",
      "name": "Background Removal — Browser demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A model-linked introduction sits above a large dashed input panel and a simple ready status.",
      "use_for": "Explain local processing close to the image input.",
      "source_url": "https://xenova-remove-background-web.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-remove-background-web/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BHx2GwOW.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Dl1HaI_y.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A model-linked introduction sits above a large dashed input panel and a simple ready status.",
        "nav": "Single image-input region",
        "layout": "Centered title and large image-input panel",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, black and blue",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Explain local processing close to the image input.",
        "states": "Public demo ready state; no image supplied.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Background Removal — Browser demo\nSource: https://xenova-remove-background-web.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-remove-background-web/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A model-linked introduction sits above a large dashed input panel and a simple ready status.\n- nav: Single image-input region\n- layout: Centered title and large image-input panel\n- density: Focused controls with comfortable spacing.\n- color: White, black and blue\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Explain local processing close to the image input.\n- states: Public demo ready state; no image supplied.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain local processing close to the image input.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-florence2-webgpu",
      "name": "Florence-2 — Vision task demo",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "A vision demo explains its model download before a task selector and side-by-side input and output regions.",
      "use_for": "Expose the download step before starting a browser model.",
      "source_url": "https://xenova-florence2-webgpu.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-florence2-webgpu/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DjUxlTep.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CY5bhyqF.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A vision demo explains its model download before a task selector and side-by-side input and output regions.",
        "nav": "Task selector and model-loading action",
        "layout": "Introduction above paired input and output panels",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, slate and blue",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Expose the download step before starting a browser model.",
        "states": "Demo before loading the model; no image supplied.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Florence-2 — Vision task demo\nSource: https://xenova-florence2-webgpu.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-florence2-webgpu/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A vision demo explains its model download before a task selector and side-by-side input and output regions.\n- nav: Task selector and model-loading action\n- layout: Introduction above paired input and output panels\n- density: Focused controls with comfortable spacing.\n- color: White, slate and blue\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Expose the download step before starting a browser model.\n- states: Demo before loading the model; no image supplied.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Expose the download step before starting a browser model.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-demo-text-to-speech-client",
      "name": "Transformers.js — Speech demo",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A small centered speech form combines built-in sample text, a speaker selector and one blue generation action.",
      "use_for": "Use a compact form for one clearly defined text-to-audio task.",
      "source_url": "https://xenova-text-to-speech-client.static.hf.space/index.html",
      "reference_url": "https://swipefile.design/ref/ai-demo-text-to-speech-client/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BZpThi8S.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.gZNsEEv4.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "voice",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A small centered speech form combines built-in sample text, a speaker selector and one blue generation action.",
        "nav": "Speaker selector within the form",
        "layout": "Single elevated card on a pale background",
        "density": "Focused controls with comfortable spacing.",
        "color": "Light gray, white and blue",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Use a compact form for one clearly defined text-to-audio task.",
        "states": "Built-in example text; no speech generated.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Transformers.js — Speech demo\nSource: https://xenova-text-to-speech-client.static.hf.space/index.html\nSwipefile reference: https://swipefile.design/ref/ai-demo-text-to-speech-client/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A small centered speech form combines built-in sample text, a speaker selector and one blue generation action.\n- nav: Speaker selector within the form\n- layout: Single elevated card on a pale background\n- density: Focused controls with comfortable spacing.\n- color: Light gray, white and blue\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Use a compact form for one clearly defined text-to-audio task.\n- states: Built-in example text; no speech generated.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Use a compact form for one clearly defined text-to-audio task.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-fotor-editor",
      "name": "Fotor — Photo editor workspace",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An empty editing canvas sits beside a tool rail and detailed adjustment panel, with image upload and sample thumbnails.",
      "use_for": "Keep tools visible but inactive until an image is supplied.",
      "source_url": "https://www.fotor.com/photo-editor-app/editor/basic",
      "reference_url": "https://swipefile.design/ref/ai-fotor-editor/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CTBIyPww.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DuQbajNm.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-editing",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An empty editing canvas sits beside a tool rail and detailed adjustment panel, with image upload and sample thumbnails.",
        "nav": "Icon rail plus secondary adjustment sidebar",
        "layout": "Two levels of tools beside a large image canvas",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, gray and lime",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Keep tools visible but inactive until an image is supplied.",
        "states": "Empty editor; no image uploaded or edits generated.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Fotor — Photo editor workspace\nSource: https://www.fotor.com/photo-editor-app/editor/basic\nSwipefile reference: https://swipefile.design/ref/ai-fotor-editor/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: An empty editing canvas sits beside a tool rail and detailed adjustment panel, with image upload and sample thumbnails.\n- nav: Icon rail plus secondary adjustment sidebar\n- layout: Two levels of tools beside a large image canvas\n- density: Focused controls with comfortable spacing.\n- color: White, gray and lime\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Keep tools visible but inactive until an image is supplied.\n- states: Empty editor; no image uploaded or edits generated.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep tools visible but inactive until an image is supplied.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-hailuo-video",
      "name": "Hailuo — Video creation workspace",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A large video composer exposes reference input, model, resolution and duration controls above tutorials and discovery cards.",
      "use_for": "Place generation settings in the composer rather than a separate settings page.",
      "source_url": "https://hailuoai.video/",
      "reference_url": "https://swipefile.design/ref/ai-hailuo-video/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BtiLbA34.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.COF1Ge4N.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A large video composer exposes reference input, model, resolution and duration controls above tutorials and discovery cards.",
        "nav": "Vertical tool rail plus media-mode tabs",
        "layout": "Wide composer above tutorials and a visual feed",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, violet, yellow and black",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Place generation settings in the composer rather than a separate settings page.",
        "states": "Signed-out public composer; no prompt submitted or generation started.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Hailuo — Video creation workspace\nSource: https://hailuoai.video/\nSwipefile reference: https://swipefile.design/ref/ai-hailuo-video/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A large video composer exposes reference input, model, resolution and duration controls above tutorials and discovery cards.\n- nav: Vertical tool rail plus media-mode tabs\n- layout: Wide composer above tutorials and a visual feed\n- density: Focused controls with comfortable spacing.\n- color: White, violet, yellow and black\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Place generation settings in the composer rather than a separate settings page.\n- states: Signed-out public composer; no prompt submitted or generation started.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Place generation settings in the composer rather than a separate settings page.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-uizard-app",
      "name": "Uizard — Sign-in screen",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A spacious sign-in form is balanced by a pastel testimonial panel, rating mark and compact social-login choices.",
      "use_for": "Pair a straightforward sign-in form with concise product reassurance.",
      "source_url": "https://app.uizard.io/login",
      "reference_url": "https://swipefile.design/ref/ai-uizard-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C1UlJIVi.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DJ_vwe0i.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "authentication",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A spacious sign-in form is balanced by a pastel testimonial panel, rating mark and compact social-login choices.",
        "nav": "Minimal brand header and account-switch link",
        "layout": "Two equal columns for authentication and reassurance",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, blue, yellow and peach",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Pair a straightforward sign-in form with concise product reassurance.",
        "states": "Public sign-in screen; authenticated editor not captured.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Uizard — Sign-in screen\nSource: https://app.uizard.io/login\nSwipefile reference: https://swipefile.design/ref/ai-uizard-app/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A spacious sign-in form is balanced by a pastel testimonial panel, rating mark and compact social-login choices.\n- nav: Minimal brand header and account-switch link\n- layout: Two equal columns for authentication and reassurance\n- density: Focused controls with comfortable spacing.\n- color: White, blue, yellow and peach\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Pair a straightforward sign-in form with concise product reassurance.\n- states: Public sign-in screen; authenticated editor not captured.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Pair a straightforward sign-in form with concise product reassurance.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-visily-app",
      "name": "Visily — Sign-in screen",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A centered sign-in card offers social login, email and password, with visible magic-link and recovery routes.",
      "use_for": "Make alternative sign-in and recovery paths easy to find.",
      "source_url": "https://app.visily.ai/login",
      "reference_url": "https://swipefile.design/ref/ai-visily-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BBY-WO1z.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C4FrCUqC.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "authentication",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A centered sign-in card offers social login, email and password, with visible magic-link and recovery routes.",
        "nav": "Account options within one centered card",
        "layout": "Compact form over a pale illustrated backdrop",
        "density": "Focused controls with comfortable spacing.",
        "color": "White, lavender and dark navy",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Make alternative sign-in and recovery paths easy to find.",
        "states": "Public sign-in screen; authenticated editor not captured.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Visily — Sign-in screen\nSource: https://app.visily.ai/login\nSwipefile reference: https://swipefile.design/ref/ai-visily-app/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A centered sign-in card offers social login, email and password, with visible magic-link and recovery routes.\n- nav: Account options within one centered card\n- layout: Compact form over a pale illustrated backdrop\n- density: Focused controls with comfortable spacing.\n- color: White, lavender and dark navy\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Make alternative sign-in and recovery paths easy to find.\n- states: Public sign-in screen; authenticated editor not captured.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Make alternative sign-in and recovery paths easy to find.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-rytr-editor",
      "name": "Rytr — Sign-in screen",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A two-column writing-app sign-in places example tasks beside a form with several identity-provider options.",
      "use_for": "Explain the product while preserving a clear authentication path.",
      "source_url": "https://app.rytr.me/login?returnTo=%2F",
      "reference_url": "https://swipefile.design/ref/ai-rytr-editor/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BszMjLZ4.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C8drbbol.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "authentication",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A two-column writing-app sign-in places example tasks beside a form with several identity-provider options.",
        "nav": "Minimal header with primary form navigation",
        "layout": "Writing benefits left and authentication form right",
        "density": "Focused controls with comfortable spacing.",
        "color": "Cream, brown and orange accents",
        "typography": "Clear heading hierarchy and readable form labels.",
        "pattern": "Explain the product while preserving a clear authentication path.",
        "states": "Public sign-in screen; authenticated writing workspace not captured.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Rytr — Sign-in screen\nSource: https://app.rytr.me/login?returnTo=%2F\nSwipefile reference: https://swipefile.design/ref/ai-rytr-editor/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A two-column writing-app sign-in places example tasks beside a form with several identity-provider options.\n- nav: Minimal header with primary form navigation\n- layout: Writing benefits left and authentication form right\n- density: Focused controls with comfortable spacing.\n- color: Cream, brown and orange accents\n- typography: Clear heading hierarchy and readable form labels.\n- pattern: Explain the product while preserving a clear authentication path.\n- states: Public sign-in screen; authenticated writing workspace not captured.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain the product while preserving a clear authentication path.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-quickdraw",
      "name": "Quick, Draw! — Game introduction",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A hand-drawn game introduction explains the drawing-recognition activity with a yellow action, language selector and playful illustrations.",
      "use_for": "Explain an AI activity in plain language before starting.",
      "source_url": "https://quickdraw.withgoogle.com/",
      "reference_url": "https://swipefile.design/ref/ai-quickdraw/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D9ysf6_8.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BoEgMNo0.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "drawing",
        "games",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A hand-drawn game introduction explains the drawing-recognition activity with a yellow action, language selector and playful illustrations.",
        "nav": "Minimal corner links and language selector",
        "layout": "Centered illustrated introduction with one primary action",
        "density": "Open and playful.",
        "color": "White, black and yellow",
        "typography": "Handwritten headings paired with monospaced supporting text.",
        "pattern": "Explain an AI activity in plain language before starting.",
        "states": "Public game introduction; no drawings submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Quick, Draw! — Game introduction\nSource: https://quickdraw.withgoogle.com/\nSwipefile reference: https://swipefile.design/ref/ai-quickdraw/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A hand-drawn game introduction explains the drawing-recognition activity with a yellow action, language selector and playful illustrations.\n- nav: Minimal corner links and language selector\n- layout: Centered illustrated introduction with one primary action\n- density: Open and playful.\n- color: White, black and yellow\n- typography: Handwritten headings paired with monospaced supporting text.\n- pattern: Explain an AI activity in plain language before starting.\n- states: Public game introduction; no drawings submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Explain an AI activity in plain language before starting.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-replicate-playground",
      "name": "Replicate — Playground introduction",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A spare playground introduction pairs three illustrated benefits with one GitHub sign-in action.",
      "use_for": "Describe what a developer playground supports before authentication.",
      "source_url": "https://replicate.com/playground",
      "reference_url": "https://swipefile.design/ref/ai-replicate-playground/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Do6zU5yQ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DnJpoWIB.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "developer-tools",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A spare playground introduction pairs three illustrated benefits with one GitHub sign-in action.",
        "nav": "Single sign-in action",
        "layout": "Narrow centered introduction and icon row",
        "density": "Sparse.",
        "color": "White, black and green accents",
        "typography": "Simple sans-serif labels with a large title.",
        "pattern": "Describe what a developer playground supports before authentication.",
        "states": "Public introductory state; authenticated playground not captured.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Replicate — Playground introduction\nSource: https://replicate.com/playground\nSwipefile reference: https://swipefile.design/ref/ai-replicate-playground/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A spare playground introduction pairs three illustrated benefits with one GitHub sign-in action.\n- nav: Single sign-in action\n- layout: Narrow centered introduction and icon row\n- density: Sparse.\n- color: White, black and green accents\n- typography: Simple sans-serif labels with a large title.\n- pattern: Describe what a developer playground supports before authentication.\n- states: Public introductory state; authenticated playground not captured.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Describe what a developer playground supports before authentication.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-cartesia-playground",
      "name": "Cartesia — Playground sign-in",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A small voice-playground sign-in card combines email entry with GitHub and Google options on a warm neutral canvas.",
      "use_for": "Keep provider and email entry together in a focused form.",
      "source_url": "https://play.cartesia.ai/sign-in?redirect_url=https%3A%2F%2Fplay.cartesia.ai%2Fdashboard",
      "reference_url": "https://swipefile.design/ref/ai-cartesia-playground/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B3EGTho_.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.jkzRrKHj.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "voice",
        "authentication",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A small voice-playground sign-in card combines email entry with GitHub and Google options on a warm neutral canvas.",
        "nav": "Provider choices within the card",
        "layout": "Small centered card below brand and purpose",
        "density": "Compact.",
        "color": "Warm white, forest green and gray",
        "typography": "Serif brand identity with plain form labels.",
        "pattern": "Keep provider and email entry together in a focused form.",
        "states": "Public sign-in state; authenticated voice playground not captured.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: Cartesia — Playground sign-in\nSource: https://play.cartesia.ai/sign-in?redirect_url=https%3A%2F%2Fplay.cartesia.ai%2Fdashboard\nSwipefile reference: https://swipefile.design/ref/ai-cartesia-playground/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A small voice-playground sign-in card combines email entry with GitHub and Google options on a warm neutral canvas.\n- nav: Provider choices within the card\n- layout: Small centered card below brand and purpose\n- density: Compact.\n- color: Warm white, forest green and gray\n- typography: Serif brand identity with plain form labels.\n- pattern: Keep provider and email entry together in a focused form.\n- states: Public sign-in state; authenticated voice playground not captured.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Keep provider and email entry together in a focused form.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    },
    {
      "slug": "ai-autodraw",
      "name": "AutoDraw — Drawing canvas",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A large blank drawing canvas sits within a gray workspace, with a vertical tool strip and a minimal header.",
      "use_for": "Give the drawing surface most of the screen and keep tools at the edge.",
      "source_url": "https://www.autodraw.com/",
      "reference_url": "https://swipefile.design/ref/ai-autodraw/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CJ0mstkQ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CWQpnpLs.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "drawing",
        "computer-vision",
        "ai-fifty",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A large blank drawing canvas sits within a gray workspace, with a vertical tool strip and a minimal header.",
        "nav": "Vertical drawing toolbar and compact menu",
        "layout": "Full-size white canvas surrounded by gray workspace",
        "density": "Sparse chrome with generous canvas area.",
        "color": "White, gray and blue",
        "typography": "Small plain labels with recognizable tool icons.",
        "pattern": "Give the drawing surface most of the screen and keep tools at the edge.",
        "states": "Empty drawing workspace; no drawing submitted.",
        "dont": "Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled."
      },
      "recreation_prompt": "# Design reference: AutoDraw — Drawing canvas\nSource: https://www.autodraw.com/\nSwipefile reference: https://swipefile.design/ref/ai-autodraw/\nCaptured: 2026-09-06. This is a dated reference, not a claim about the current live product.\nCapture scope: one viewport. Do not infer unseen page sections or a complete user flow.\n\n## Objective\nAdapt the interaction and layout patterns below to my project. Use my own content and identity. Do not reproduce logos, proprietary copy, or brand assets.\n\n## Reference notes\n- surface: A large blank drawing canvas sits within a gray workspace, with a vertical tool strip and a minimal header.\n- nav: Vertical drawing toolbar and compact menu\n- layout: Full-size white canvas surrounded by gray workspace\n- density: Sparse chrome with generous canvas area.\n- color: White, gray and blue\n- typography: Small plain labels with recognizable tool icons.\n- pattern: Give the drawing surface most of the screen and keep tools at the edge.\n- states: Empty drawing workspace; no drawing submitted.\n- dont: Adapt the layout to your own product and supported capabilities; write your own examples and keep important actions clearly labeled.\n\nUseful for: Give the drawing surface most of the screen and keep tools at the edge.\n\n## Acceptance criteria\n- Existing project conventions, design tokens, working functionality, and unrelated changes are preserved.\n- Two or three reference principles clearly support the user's task; conflicts are resolved in favor of usability and the existing product.\n- Reusable components and semantic HTML express the interface. Available licensed assets are used; important UI text is never rendered as a bitmap.\n- Every visible control has a defined behavior. Loading, empty, error, success, disabled, and long-content states are specified where relevant. Demo data is clearly labeled.\n- Navigation and content adapt at 375px, 768px, and 1440px without horizontal page overflow. Keyboard use, visible focus, labeled inputs, at least 44px touch targets, readable contrast, and reduced motion are supported.\n- Verification distinguishes rendered behavior from proposals and identifies anything still requiring a backend or external service.\n\n## Quality bar\nClear hierarchy, consistent spacing, restrained surfaces, and purposeful motion. Avoid decorative gradients, excessive cards, placeholder buttons, and invented metrics unless the project calls for them. Do not claim a feature is connected or tested without evidence."
    }
  ]
}