{
  "version": 1,
  "name": "AI apps · Creation, discovery & onboarding",
  "url": "https://swipefile.design/board/ai-apps-creation-discovery-onboarding/",
  "markdown_url": "https://swipefile.design/board/ai-apps-creation-discovery-onboarding/notes.md",
  "json_url": "https://swipefile.design/board/ai-apps-creation-discovery-onboarding/data.json",
  "pdf_url": "https://swipefile.design/board/ai-apps-creation-discovery-onboarding/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-next-huggingface-datasets",
      "name": "Hugging Face — Dataset library",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A public dataset catalog pairs task and language filters with compact repository rows.",
      "use_for": "Keep filters persistent while results expose tags and update metadata.",
      "source_url": "https://huggingface.co/datasets",
      "reference_url": "https://swipefile.design/ref/ai-next-huggingface-datasets/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dk_1XIk5.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.PWp_-Mox.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "research",
        "data",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public dataset catalog pairs task and language filters with compact repository rows.",
        "nav": "Global platform header and a filter sidebar.",
        "layout": "Narrow filters beside a wide searchable list.",
        "density": "High",
        "color": "White, gray and small multicolor badges",
        "typography": "Compact labels and repository titles.",
        "pattern": "Keep filters persistent while results expose tags and update metadata.",
        "states": "Public browse state; no dataset opened or downloaded.",
        "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 — Dataset library\nSource: https://huggingface.co/datasets\nSwipefile reference: https://swipefile.design/ref/ai-next-huggingface-datasets/\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 public dataset catalog pairs task and language filters with compact repository rows.\n- nav: Global platform header and a filter sidebar.\n- layout: Narrow filters beside a wide searchable list.\n- density: High\n- color: White, gray and small multicolor badges\n- typography: Compact labels and repository titles.\n- pattern: Keep filters persistent while results expose tags and update metadata.\n- states: Public browse state; no dataset opened or downloaded.\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 filters persistent while results expose tags and update metadata.\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-next-huggingface-papers",
      "name": "Hugging Face — Daily papers",
      "kind": "app",
      "archetype": "Browse & Discovery",
      "summary": "A public daily-paper feed arranges research previews into a multi-column card grid.",
      "use_for": "Use document previews to make a research feed easier to scan.",
      "source_url": "https://huggingface.co/papers/date/2026-09-04",
      "reference_url": "https://swipefile.design/ref/ai-next-huggingface-papers/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DZP7LJmy.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.AgH-HrlG.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "research",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public daily-paper feed arranges research previews into a multi-column card grid.",
        "nav": "Global header, date controls and feed tabs.",
        "layout": "Paper cards with preview figures, titles and compact engagement counts.",
        "density": "Medium-high",
        "color": "White, gray and paper-figure colors",
        "typography": "Bold short titles and compact metadata.",
        "pattern": "Use document previews to make a research feed easier to scan.",
        "states": "Public daily feed; no voting or submission performed.",
        "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 — Daily papers\nSource: https://huggingface.co/papers/date/2026-09-04\nSwipefile reference: https://swipefile.design/ref/ai-next-huggingface-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 public daily-paper feed arranges research previews into a multi-column card grid.\n- nav: Global header, date controls and feed tabs.\n- layout: Paper cards with preview figures, titles and compact engagement counts.\n- density: Medium-high\n- color: White, gray and paper-figure colors\n- typography: Bold short titles and compact metadata.\n- pattern: Use document previews to make a research feed easier to scan.\n- states: Public daily feed; no voting or submission performed.\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 document previews to make a research feed easier to scan.\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-next-huggingface-tasks",
      "name": "Hugging Face — Task browser",
      "kind": "app",
      "archetype": "Browse & Discovery",
      "summary": "A public task directory groups model capabilities into illustrated category tiles.",
      "use_for": "Organize a complex model ecosystem by the job a visitor wants to do.",
      "source_url": "https://huggingface.co/tasks",
      "reference_url": "https://swipefile.design/ref/ai-next-huggingface-tasks/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DgWUTBNk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.mCOxGIGA.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "developer-tools",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public task directory groups model capabilities into illustrated category tiles.",
        "nav": "Global platform header above grouped task sections.",
        "layout": "Open grid grouped by modality with small icons.",
        "density": "Medium",
        "color": "White and restrained category colors",
        "typography": "Small tile labels and clear section headings.",
        "pattern": "Organize a complex model ecosystem by the job a visitor wants to do.",
        "states": "Public task directory.",
        "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 — Task browser\nSource: https://huggingface.co/tasks\nSwipefile reference: https://swipefile.design/ref/ai-next-huggingface-tasks/\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 public task directory groups model capabilities into illustrated category tiles.\n- nav: Global platform header above grouped task sections.\n- layout: Open grid grouped by modality with small icons.\n- density: Medium\n- color: White and restrained category colors\n- typography: Small tile labels and clear section headings.\n- pattern: Organize a complex model ecosystem by the job a visitor wants to do.\n- states: Public task directory.\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 a complex model ecosystem by the job a visitor wants to do.\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-next-openrouter-rankings",
      "name": "OpenRouter — Model rankings",
      "kind": "app",
      "archetype": "Analytics Dashboard",
      "summary": "A public model-ranking page places provider filters beside a stacked usage chart.",
      "use_for": "Pair comparison filters with a shared visualization and methodology context.",
      "source_url": "https://openrouter.ai/rankings",
      "reference_url": "https://swipefile.design/ref/ai-next-openrouter-rankings/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C_tFYqw4.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.c1JCDlpX.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "analytics",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public model-ranking page places provider filters beside a stacked usage chart.",
        "nav": "Global navigation, modality tabs and a left ranking index.",
        "layout": "Sidebar plus a broad time-series visualization.",
        "density": "High",
        "color": "White with multicolor chart segments",
        "typography": "Compact navigation and readable chart labels.",
        "pattern": "Pair comparison filters with a shared visualization and methodology context.",
        "states": "Public rankings at capture time; no performance claim is inferred from the chart.",
        "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 — Model rankings\nSource: https://openrouter.ai/rankings\nSwipefile reference: https://swipefile.design/ref/ai-next-openrouter-rankings/\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 public model-ranking page places provider filters beside a stacked usage chart.\n- nav: Global navigation, modality tabs and a left ranking index.\n- layout: Sidebar plus a broad time-series visualization.\n- density: High\n- color: White with multicolor chart segments\n- typography: Compact navigation and readable chart labels.\n- pattern: Pair comparison filters with a shared visualization and methodology context.\n- states: Public rankings at capture time; no performance claim is inferred from the chart.\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 comparison filters with a shared visualization and methodology context.\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-next-replicate-flux",
      "name": "Replicate — FLUX model playground",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "A public model page shows an input form beside a built-in output example and a sign-in notice.",
      "use_for": "Keep model parameters alongside an example output and make access requirements explicit.",
      "source_url": "https://replicate.com/black-forest-labs/flux-schnell",
      "reference_url": "https://swipefile.design/ref/ai-next-replicate-flux/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CdyVcMjw.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.ZVHPfsv-.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "image-generation",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public model page shows an input form beside a built-in output example and a sign-in notice.",
        "nav": "Platform header, model identity and playground/API tabs.",
        "layout": "Two-column input/output workspace.",
        "density": "Medium-high",
        "color": "White, black and pale yellow access notice",
        "typography": "Compact developer labels with a clear model title.",
        "pattern": "Keep model parameters alongside an example output and make access requirements explicit.",
        "states": "Built-in example visible; running this model requires sign-in. No generation performed.",
        "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 — FLUX model playground\nSource: https://replicate.com/black-forest-labs/flux-schnell\nSwipefile reference: https://swipefile.design/ref/ai-next-replicate-flux/\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 public model page shows an input form beside a built-in output example and a sign-in notice.\n- nav: Platform header, model identity and playground/API tabs.\n- layout: Two-column input/output workspace.\n- density: Medium-high\n- color: White, black and pale yellow access notice\n- typography: Compact developer labels with a clear model title.\n- pattern: Keep model parameters alongside an example output and make access requirements explicit.\n- states: Built-in example visible; running this model requires sign-in. No generation performed.\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 parameters alongside an example output and make access requirements explicit.\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-next-fal-sdxl",
      "name": "fal — SDXL playground",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "An image-model playground exposes a prompt form and settings beside an empty result panel.",
      "use_for": "Separate configuration from results while keeping the primary run action close to inputs.",
      "source_url": "https://fal.ai/models/fal-ai/fast-sdxl",
      "reference_url": "https://swipefile.design/ref/ai-next-fal-sdxl/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Djaapa_Q.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D8o6KFuR.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "models",
        "image-generation",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An image-model playground exposes a prompt form and settings beside an empty result panel.",
        "nav": "Provider header and model-page tabs.",
        "layout": "Split input and result panels with a narrow divider.",
        "density": "Medium",
        "color": "White, gray and violet",
        "typography": "Small field labels with a compact model title.",
        "pattern": "Separate configuration from results while keeping the primary run action close to inputs.",
        "states": "Public initial playground with an empty output area; no model run.",
        "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 — SDXL playground\nSource: https://fal.ai/models/fal-ai/fast-sdxl\nSwipefile reference: https://swipefile.design/ref/ai-next-fal-sdxl/\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-model playground exposes a prompt form and settings beside an empty result panel.\n- nav: Provider header and model-page tabs.\n- layout: Split input and result panels with a narrow divider.\n- density: Medium\n- color: White, gray and violet\n- typography: Small field labels with a compact model title.\n- pattern: Separate configuration from results while keeping the primary run action close to inputs.\n- states: Public initial playground with an empty output area; no model run.\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 configuration from results while keeping the primary run action close to inputs.\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-next-artbreeder",
      "name": "Artbreeder — Creation tools",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A public creation launcher presents image-mixing tools as illustrated tiles.",
      "use_for": "Use examples inside tool cards to explain unfamiliar creative operations.",
      "source_url": "https://www.artbreeder.com/tools",
      "reference_url": "https://swipefile.design/ref/ai-next-artbreeder/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Bgc49LjZ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.J5EZqHWV.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-generation",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public creation launcher presents image-mixing tools as illustrated tiles.",
        "nav": "Compact logo, Create/Browse tabs and account links.",
        "layout": "Small centered grid of differently sized tool cards.",
        "density": "Medium",
        "color": "White, pale lavender, blue and yellow",
        "typography": "Short bold tool names with concise explanations.",
        "pattern": "Use examples inside tool cards to explain unfamiliar creative operations.",
        "states": "Public tool chooser before selecting a generator.",
        "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: Artbreeder — Creation tools\nSource: https://www.artbreeder.com/tools\nSwipefile reference: https://swipefile.design/ref/ai-next-artbreeder/\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 public creation launcher presents image-mixing tools as illustrated tiles.\n- nav: Compact logo, Create/Browse tabs and account links.\n- layout: Small centered grid of differently sized tool cards.\n- density: Medium\n- color: White, pale lavender, blue and yellow\n- typography: Short bold tool names with concise explanations.\n- pattern: Use examples inside tool cards to explain unfamiliar creative operations.\n- states: Public tool chooser before selecting a generator.\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 examples inside tool cards to explain unfamiliar creative operations.\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-next-cutout",
      "name": "Cutout.Pro — Background remover",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An image-removal utility places an upload panel beside an explanatory preview.",
      "use_for": "Place sample imagery next to the upload action to explain the expected transformation.",
      "source_url": "https://www.cutout.pro/remove-background",
      "reference_url": "https://swipefile.design/ref/ai-next-cutout/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BVHkhXgx.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BlULFsKy.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "editing",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An image-removal utility places an upload panel beside an explanatory preview.",
        "nav": "Site header plus a slim vertical tool rail.",
        "layout": "Centered title above paired input and example panels.",
        "density": "Medium",
        "color": "White, gray and pink",
        "typography": "Bold utility title and concise upload labels.",
        "pattern": "Place sample imagery next to the upload action to explain the expected transformation.",
        "states": "Public upload state with source-provided examples; no image uploaded.",
        "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: Cutout.Pro — Background remover\nSource: https://www.cutout.pro/remove-background\nSwipefile reference: https://swipefile.design/ref/ai-next-cutout/\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-removal utility places an upload panel beside an explanatory preview.\n- nav: Site header plus a slim vertical tool rail.\n- layout: Centered title above paired input and example panels.\n- density: Medium\n- color: White, gray and pink\n- typography: Bold utility title and concise upload labels.\n- pattern: Place sample imagery next to the upload action to explain the expected transformation.\n- states: Public upload state with source-provided examples; no image uploaded.\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 sample imagery next to the upload action to explain the expected transformation.\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-next-iloveimg-upscale",
      "name": "iLoveIMG — Image upscaler",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A minimal upscaling tool centers one large image-selection action on a pale background.",
      "use_for": "Make the required first input unambiguous and keep secondary import sources nearby.",
      "source_url": "https://www.iloveimg.com/upscale-image",
      "reference_url": "https://swipefile.design/ref/ai-next-iloveimg-upscale/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DUHZ0z0Y.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BpHoMFYa.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "editing",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A minimal upscaling tool centers one large image-selection action on a pale background.",
        "nav": "Compact utility navigation across the top.",
        "layout": "Sparse centered task title, helper line and upload button.",
        "density": "Low",
        "color": "Pale gray, blue and white",
        "typography": "Simple sans-serif title and prominent button label.",
        "pattern": "Make the required first input unambiguous and keep secondary import sources nearby.",
        "states": "Empty upload state; no files selected.",
        "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: iLoveIMG — Image upscaler\nSource: https://www.iloveimg.com/upscale-image\nSwipefile reference: https://swipefile.design/ref/ai-next-iloveimg-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: A minimal upscaling tool centers one large image-selection action on a pale background.\n- nav: Compact utility navigation across the top.\n- layout: Sparse centered task title, helper line and upload button.\n- density: Low\n- color: Pale gray, blue and white\n- typography: Simple sans-serif title and prominent button label.\n- pattern: Make the required first input unambiguous and keep secondary import sources nearby.\n- states: Empty upload state; no files selected.\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 the required first input unambiguous and keep secondary import sources 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-next-kapwing-studio",
      "name": "Kapwing — Empty video editor",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A dark browser editor opens to media tools and blank-canvas choices with contextual onboarding tips.",
      "use_for": "Explain an empty editor through clear starting choices and contextual tips.",
      "source_url": "https://www.kapwing.com/studio/editor",
      "reference_url": "https://swipefile.design/ref/ai-next-kapwing-studio/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BycMzTKg.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DITpQKQL.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "editing",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark browser editor opens to media tools and blank-canvas choices with contextual onboarding tips.",
        "nav": "Left tool rail, top project controls and export area.",
        "layout": "Media sidebar beside a large empty stage.",
        "density": "High",
        "color": "Charcoal with orange and mint guidance",
        "typography": "Compact editor labels and small onboarding callouts.",
        "pattern": "Explain an empty editor through clear starting choices and contextual tips.",
        "states": "Public empty editor with built-in guidance; no media uploaded or export created.",
        "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: Kapwing — Empty video editor\nSource: https://www.kapwing.com/studio/editor\nSwipefile reference: https://swipefile.design/ref/ai-next-kapwing-studio/\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 browser editor opens to media tools and blank-canvas choices with contextual onboarding tips.\n- nav: Left tool rail, top project controls and export area.\n- layout: Media sidebar beside a large empty stage.\n- density: High\n- color: Charcoal with orange and mint guidance\n- typography: Compact editor labels and small onboarding callouts.\n- pattern: Explain an empty editor through clear starting choices and contextual tips.\n- states: Public empty editor with built-in guidance; no media uploaded or export created.\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 empty editor through clear starting choices and contextual tips.\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-next-lmarena",
      "name": "Arena — Chat start",
      "kind": "app",
      "archetype": "AI Chat",
      "summary": "A sparse model-comparison chat start centers a composer beneath an editorial headline.",
      "use_for": "Use prompt suggestions to explain the breadth of an otherwise empty conversation.",
      "source_url": "https://arena.ai/",
      "reference_url": "https://swipefile.design/ref/ai-next-lmarena/",
      "screenshot_url": "https://swipefile.design/_astro/preview.lbkhD4EX.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.bfxygxWW.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "chat",
        "models",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A sparse model-comparison chat start centers a composer beneath an editorial headline.",
        "nav": "Small left tool rail and mode selector.",
        "layout": "Centered composer and example prompt chips in open space.",
        "density": "Low-medium",
        "color": "Warm white, black and yellow",
        "typography": "Serif headline with compact sans-serif controls.",
        "pattern": "Use prompt suggestions to explain the breadth of an otherwise empty conversation.",
        "states": "Public empty chat composer; no prompt 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: Arena — Chat start\nSource: https://arena.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-lmarena/\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 sparse model-comparison chat start centers a composer beneath an editorial headline.\n- nav: Small left tool rail and mode selector.\n- layout: Centered composer and example prompt chips in open space.\n- density: Low-medium\n- color: Warm white, black and yellow\n- typography: Serif headline with compact sans-serif controls.\n- pattern: Use prompt suggestions to explain the breadth of an otherwise empty conversation.\n- states: Public empty chat composer; no prompt 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 prompt suggestions to explain the breadth of an otherwise empty conversation.\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-next-naturalreader-app",
      "name": "NaturalReader — Voice onboarding",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A first-run voice chooser offers four portrait cards and a language selector before continuing.",
      "use_for": "Let users choose a meaningful preference before entering a complex workspace.",
      "source_url": "https://www.naturalreaders.com/online/",
      "reference_url": "https://swipefile.design/ref/ai-next-naturalreader-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C_TKaU_o.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D6vlHIYk.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "voice",
        "accessibility",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A first-run voice chooser offers four portrait cards and a language selector before continuing.",
        "nav": "Minimal onboarding controls with carousel arrows.",
        "layout": "Centered title, language selector, horizontal voice cards and Next action.",
        "density": "Low",
        "color": "White, gray and blue",
        "typography": "Large clear welcome heading and readable voice names.",
        "pattern": "Let users choose a meaningful preference before entering a complex workspace.",
        "states": "Initial voice-selection step; no audio generated or account created.",
        "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: NaturalReader — Voice onboarding\nSource: https://www.naturalreaders.com/online/\nSwipefile reference: https://swipefile.design/ref/ai-next-naturalreader-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 first-run voice chooser offers four portrait cards and a language selector before continuing.\n- nav: Minimal onboarding controls with carousel arrows.\n- layout: Centered title, language selector, horizontal voice cards and Next action.\n- density: Low\n- color: White, gray and blue\n- typography: Large clear welcome heading and readable voice names.\n- pattern: Let users choose a meaningful preference before entering a complex workspace.\n- states: Initial voice-selection step; no audio generated or account created.\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 users choose a meaningful preference before entering a complex workspace.\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-next-roboflow-models",
      "name": "Roboflow — Vision model catalog",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "A public vision-model catalog uses task filters and capability sections to organize compact model cards.",
      "use_for": "Distinguish platform navigation from filters within a specialized model catalog.",
      "source_url": "https://playground.roboflow.com/models",
      "reference_url": "https://swipefile.design/ref/ai-next-roboflow-models/",
      "screenshot_url": "https://swipefile.design/_astro/preview.I7hyHnKw.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.ywKx-cCD.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "computer-vision",
        "models",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public vision-model catalog uses task filters and capability sections to organize compact model cards.",
        "nav": "Persistent left platform rail plus model filters.",
        "layout": "Three zones: navigation, task filters and grouped model results.",
        "density": "High",
        "color": "White, gray and violet",
        "typography": "Compact card titles and explanatory section labels.",
        "pattern": "Distinguish platform navigation from filters within a specialized model catalog.",
        "states": "Public catalog with model descriptions.",
        "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: Roboflow — Vision model catalog\nSource: https://playground.roboflow.com/models\nSwipefile reference: https://swipefile.design/ref/ai-next-roboflow-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 public vision-model catalog uses task filters and capability sections to organize compact model cards.\n- nav: Persistent left platform rail plus model filters.\n- layout: Three zones: navigation, task filters and grouped model results.\n- density: High\n- color: White, gray and violet\n- typography: Compact card titles and explanatory section labels.\n- pattern: Distinguish platform navigation from filters within a specialized model catalog.\n- states: Public catalog with model descriptions.\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 platform navigation from filters within a specialized model catalog.\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-next-runway-app",
      "name": "Runway — Creative workspace start",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A public creative workspace start shows a prompt composer, creation modes and featured workflow cards.",
      "use_for": "Introduce generation modes beside the composer and offer visual starting points below.",
      "source_url": "https://app.runwayml.com/video-tools/teams/guest/ai-tools/generate",
      "reference_url": "https://swipefile.design/ref/ai-next-runway-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.26xhI0n0.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BQD4Se36.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "image-generation",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public creative workspace start shows a prompt composer, creation modes and featured workflow cards.",
        "nav": "Left rail for chat, assets and tools with account actions at the top.",
        "layout": "Centered composer above a horizontal row of visual examples.",
        "density": "Medium",
        "color": "White, pale gray and muted accent colors",
        "typography": "Concise question heading and small control labels.",
        "pattern": "Introduce generation modes beside the composer and offer visual starting points below.",
        "states": "Signed-out initial workspace; no prompt, generation or upload performed.",
        "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: Runway — Creative workspace start\nSource: https://app.runwayml.com/video-tools/teams/guest/ai-tools/generate\nSwipefile reference: https://swipefile.design/ref/ai-next-runway-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 public creative workspace start shows a prompt composer, creation modes and featured workflow cards.\n- nav: Left rail for chat, assets and tools with account actions at the top.\n- layout: Centered composer above a horizontal row of visual examples.\n- density: Medium\n- color: White, pale gray and muted accent colors\n- typography: Concise question heading and small control labels.\n- pattern: Introduce generation modes beside the composer and offer visual starting points below.\n- states: Signed-out initial workspace; no prompt, generation or upload performed.\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 generation modes beside the composer and offer visual starting points below.\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-next-teachable-image",
      "name": "Teachable Machine — Image project",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "An image-training demo lays out sample classes, training and preview as a left-to-right workflow.",
      "use_for": "Make the sequence from example collection to training to preview visible in one canvas.",
      "source_url": "https://teachablemachine.withgoogle.com/train/image",
      "reference_url": "https://swipefile.design/ref/ai-next-teachable-image/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Di_xMsSV.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B07d4MOZ.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "training",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An image-training demo lays out sample classes, training and preview as a left-to-right workflow.",
        "nav": "Small project header with utility controls at the bottom.",
        "layout": "Class cards connected to training and output panels.",
        "density": "Medium",
        "color": "Pale gray, white and blue",
        "typography": "Small explicit step and input labels.",
        "pattern": "Make the sequence from example collection to training to preview visible in one canvas.",
        "states": "Empty image-project demo with a built-in tutorial tip; no webcam, upload or training used.",
        "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: Teachable Machine — Image project\nSource: https://teachablemachine.withgoogle.com/train/image\nSwipefile reference: https://swipefile.design/ref/ai-next-teachable-image/\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-training demo lays out sample classes, training and preview as a left-to-right workflow.\n- nav: Small project header with utility controls at the bottom.\n- layout: Class cards connected to training and output panels.\n- density: Medium\n- color: Pale gray, white and blue\n- typography: Small explicit step and input labels.\n- pattern: Make the sequence from example collection to training to preview visible in one canvas.\n- states: Empty image-project demo with a built-in tutorial tip; no webcam, upload or training used.\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 the sequence from example collection to training to preview visible in one 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-next-teachable-audio",
      "name": "Teachable Machine — Audio project",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "An audio-training demo adds a background-noise class before the regular sample class.",
      "use_for": "Expose prerequisite data collection as part of the same visible workflow.",
      "source_url": "https://teachablemachine.withgoogle.com/train/audio",
      "reference_url": "https://swipefile.design/ref/ai-next-teachable-audio/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B27y8p2Y.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BAmobGmA.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "audio",
        "training",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An audio-training demo adds a background-noise class before the regular sample class.",
        "nav": "Minimal project header and lower utility controls.",
        "layout": "Stacked sound classes flow into training and preview cards.",
        "density": "Medium",
        "color": "Pale gray, white and blue",
        "typography": "Compact technical labels and plain step headings.",
        "pattern": "Expose prerequisite data collection as part of the same visible workflow.",
        "states": "Empty audio-project demo; no microphone or model training used.",
        "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: Teachable Machine — Audio project\nSource: https://teachablemachine.withgoogle.com/train/audio\nSwipefile reference: https://swipefile.design/ref/ai-next-teachable-audio/\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 audio-training demo adds a background-noise class before the regular sample class.\n- nav: Minimal project header and lower utility controls.\n- layout: Stacked sound classes flow into training and preview cards.\n- density: Medium\n- color: Pale gray, white and blue\n- typography: Compact technical labels and plain step headings.\n- pattern: Expose prerequisite data collection as part of the same visible workflow.\n- states: Empty audio-project demo; no microphone or model training used.\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 prerequisite data collection as part of the same visible 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-next-teachable-pose",
      "name": "Teachable Machine — Pose project",
      "kind": "app",
      "archetype": "Dev Tools",
      "summary": "A pose-training demo shows sample-class cards beside training and preview controls.",
      "use_for": "Use a consistent training canvas across different input modalities.",
      "source_url": "https://teachablemachine.withgoogle.com/train/pose",
      "reference_url": "https://swipefile.design/ref/ai-next-teachable-pose/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C2LZ8OCE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.6fW-E8UR.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "demo",
      "tags": [
        "ai",
        "computer-vision",
        "training",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A pose-training demo shows sample-class cards beside training and preview controls.",
        "nav": "Minimal project header with sparse utility navigation.",
        "layout": "Left class stack, middle training card and right output card.",
        "density": "Medium",
        "color": "Pale gray, white and blue",
        "typography": "Compact labels and explicit action text.",
        "pattern": "Use a consistent training canvas across different input modalities.",
        "states": "Empty pose-project demo; no webcam, uploads or training used.",
        "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: Teachable Machine — Pose project\nSource: https://teachablemachine.withgoogle.com/train/pose\nSwipefile reference: https://swipefile.design/ref/ai-next-teachable-pose/\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 pose-training demo shows sample-class cards beside training and preview controls.\n- nav: Minimal project header with sparse utility navigation.\n- layout: Left class stack, middle training card and right output card.\n- density: Medium\n- color: Pale gray, white and blue\n- typography: Compact labels and explicit action text.\n- pattern: Use a consistent training canvas across different input modalities.\n- states: Empty pose-project demo; no webcam, uploads or training used.\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 consistent training canvas across different input modalities.\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-next-ttsmp3",
      "name": "TTSMP3 — Speech form",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A compact speech tool presents regular and AI-voice tabs above a large text area and voice controls.",
      "use_for": "Keep text input, voice choice and output controls together in one short form.",
      "source_url": "https://ttsmp3.com/",
      "reference_url": "https://swipefile.design/ref/ai-next-ttsmp3/",
      "screenshot_url": "https://swipefile.design/_astro/preview.EqBvMXAT.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DUTLmIli.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "voice",
        "audio",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A compact speech tool presents regular and AI-voice tabs above a large text area and voice controls.",
        "nav": "Simple tab switcher above the input.",
        "layout": "Narrow single-column form with voice selection and playback/download controls.",
        "density": "Medium",
        "color": "White, black and pale gray",
        "typography": "Plain compact labels and strong tool title.",
        "pattern": "Keep text input, voice choice and output controls together in one short form.",
        "states": "Empty text-to-speech form; no audio requested.",
        "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: TTSMP3 — Speech form\nSource: https://ttsmp3.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-ttsmp3/\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 compact speech tool presents regular and AI-voice tabs above a large text area and voice controls.\n- nav: Simple tab switcher above the input.\n- layout: Narrow single-column form with voice selection and playback/download controls.\n- density: Medium\n- color: White, black and pale gray\n- typography: Plain compact labels and strong tool title.\n- pattern: Keep text input, voice choice and output controls together in one short form.\n- states: Empty text-to-speech form; no audio requested.\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 text input, voice choice and output controls together in one short 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-next-aiva",
      "name": "AIVA — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A white login card floats on a saturated violet-to-cyan gradient.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://creators.aiva.ai/login",
      "reference_url": "https://swipefile.design/ref/ai-next-aiva/",
      "screenshot_url": "https://swipefile.design/_astro/preview.XCE37jXN.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BA8BC4xu.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "music",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A white login card floats on a saturated violet-to-cyan gradient.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered card with social login above email entry.",
        "density": "Low-medium",
        "color": "Violet, cyan and white",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: AIVA — Account entry\nSource: https://creators.aiva.ai/login\nSwipefile reference: https://swipefile.design/ref/ai-next-aiva/\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 white login card floats on a saturated violet-to-cyan gradient.\n- nav: Product identity and account-entry controls.\n- layout: Centered card with social login above email entry.\n- density: Low-medium\n- color: Violet, cyan and white\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-akkio-app",
      "name": "Akkio — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A crisp login form shares the page with a dark geometric product statement.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.akkio.com/login",
      "reference_url": "https://swipefile.design/ref/ai-next-akkio-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cq3e7wPx.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.XZ9ojLq7.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "analytics",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A crisp login form shares the page with a dark geometric product statement.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Dark promotional third beside a spacious white authentication column.",
        "density": "Low-medium",
        "color": "White, black and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Akkio — Account entry\nSource: https://app.akkio.com/login\nSwipefile reference: https://swipefile.design/ref/ai-next-akkio-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 crisp login form shares the page with a dark geometric product statement.\n- nav: Product identity and account-entry controls.\n- layout: Dark promotional third beside a spacious white authentication column.\n- density: Low-medium\n- color: White, black and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-beautiful-app",
      "name": "Beautiful.ai — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A compact sign-in card overlaps a row of colorful presentation examples.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://www.beautiful.ai/login",
      "reference_url": "https://swipefile.design/ref/ai-next-beautiful-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Az-yyNcH.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Cl0V4Kxf.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "presentations",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A compact sign-in card overlaps a row of colorful presentation examples.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered form over a soft gradient with slide previews behind it.",
        "density": "Low-medium",
        "color": "Pale blue, white and multicolor thumbnails",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Beautiful.ai — Account entry\nSource: https://www.beautiful.ai/login\nSwipefile reference: https://swipefile.design/ref/ai-next-beautiful-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 compact sign-in card overlaps a row of colorful presentation examples.\n- nav: Product identity and account-entry controls.\n- layout: Centered form over a soft gradient with slide previews behind it.\n- density: Low-medium\n- color: Pale blue, white and multicolor thumbnails\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-botpress",
      "name": "Botpress — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A dark login form sits beside a luminous blue panel with a subtle assistant input.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://sso.botpress.cloud/login",
      "reference_url": "https://swipefile.design/ref/ai-next-botpress/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DP6VCqiQ.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.AaVd5qLi.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark login form sits beside a luminous blue panel with a subtle assistant input.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Balanced split layout with authentication left and product motif right.",
        "density": "Low-medium",
        "color": "Black, white and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Botpress — Account entry\nSource: https://sso.botpress.cloud/login\nSwipefile reference: https://swipefile.design/ref/ai-next-botpress/\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 login form sits beside a luminous blue panel with a subtle assistant input.\n- nav: Product identity and account-entry controls.\n- layout: Balanced split layout with authentication left and product motif right.\n- density: Low-medium\n- color: Black, white and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-bricks-app",
      "name": "Bricks — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An AI spreadsheet sign-up form sits beside a tilted collage of chart and table previews.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.thebricks.com/sign-in?redirect=/home/-/-",
      "reference_url": "https://swipefile.design/ref/ai-next-bricks-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CS87ft8f.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DhmOmexe.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "spreadsheets",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An AI spreadsheet sign-up form sits beside a tilted collage of chart and table previews.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Visual product collage on the left with a compact form on the right.",
        "density": "Low-medium",
        "color": "White, gray and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Bricks — Account entry\nSource: https://app.thebricks.com/sign-in?redirect=/home/-/-\nSwipefile reference: https://swipefile.design/ref/ai-next-bricks-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: An AI spreadsheet sign-up form sits beside a tilted collage of chart and table previews.\n- nav: Product identity and account-entry controls.\n- layout: Visual product collage on the left with a compact form on the right.\n- density: Low-medium\n- color: White, gray and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-chatbase",
      "name": "Chatbase — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An agent-platform login form is paired with a blue product-message panel and customer logos.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://www.chatbase.co/auth/signin",
      "reference_url": "https://swipefile.design/ref/ai-next-chatbase/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BoxCmdXP.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BUUqE5XC.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An agent-platform login form is paired with a blue product-message panel and customer logos.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Two-column layout with white form area and large illustrated proof panel.",
        "density": "Low-medium",
        "color": "White, charcoal and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Chatbase — Account entry\nSource: https://www.chatbase.co/auth/signin\nSwipefile reference: https://swipefile.design/ref/ai-next-chatbase/\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 agent-platform login form is paired with a blue product-message panel and customer logos.\n- nav: Product identity and account-entry controls.\n- layout: Two-column layout with white form area and large illustrated proof panel.\n- density: Low-medium\n- color: White, charcoal and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-descript-app",
      "name": "Descript — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A small login card sits on a warm empty canvas with social and email options.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://web.descript.com/authenticate",
      "reference_url": "https://swipefile.design/ref/ai-next-descript-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.C-KHnYJ0.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B0qMNDk5.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A small login card sits on a warm empty canvas with social and email options.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered narrow card with restrained shadow and generous whitespace.",
        "density": "Low-medium",
        "color": "Warm gray, white and dark burgundy",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Descript — Account entry\nSource: https://web.descript.com/authenticate\nSwipefile reference: https://swipefile.design/ref/ai-next-descript-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 small login card sits on a warm empty canvas with social and email options.\n- nav: Product identity and account-entry controls.\n- layout: Centered narrow card with restrained shadow and generous whitespace.\n- density: Low-medium\n- color: Warm gray, white and dark burgundy\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-dify-cloud",
      "name": "Dify — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A centered authentication panel presents SSO providers above email verification.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://cloud.dify.ai/signin?redirect_url=%2F",
      "reference_url": "https://swipefile.design/ref/ai-next-dify-cloud/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D7LZ9k2e.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BC8OCyoq.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A centered authentication panel presents SSO providers above email verification.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Single small login column inside a broad pale page.",
        "density": "Low-medium",
        "color": "White, pale gray and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Dify — Account entry\nSource: https://cloud.dify.ai/signin?redirect_url=%2F\nSwipefile reference: https://swipefile.design/ref/ai-next-dify-cloud/\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 authentication panel presents SSO providers above email verification.\n- nav: Product identity and account-entry controls.\n- layout: Single small login column inside a broad pale page.\n- density: Low-medium\n- color: White, pale gray and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-flowise-demo",
      "name": "Flowise — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A simple sign-in form groups email/password and provider options in one narrow column.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://cloud.flowiseai.com/signin",
      "reference_url": "https://swipefile.design/ref/ai-next-flowise-demo/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CMiDfrFr.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DOSkVhXx.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A simple sign-in form groups email/password and provider options in one narrow column.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Unframed centered form with one blue primary action.",
        "density": "Low-medium",
        "color": "White, gray and cyan",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Flowise — Account entry\nSource: https://cloud.flowiseai.com/signin\nSwipefile reference: https://swipefile.design/ref/ai-next-flowise-demo/\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 simple sign-in form groups email/password and provider options in one narrow column.\n- nav: Product identity and account-entry controls.\n- layout: Unframed centered form with one blue primary action.\n- density: Low-medium\n- color: White, gray and cyan\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-heygen-app",
      "name": "HeyGen — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A compact account entry panel puts Google and Apple options above email and SSO.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://auth.heygen.com/",
      "reference_url": "https://swipefile.design/ref/ai-next-heygen-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BTC7SRJk.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DesEqlaY.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A compact account entry panel puts Google and Apple options above email and SSO.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Small white card on a nearly white canvas.",
        "density": "Low-medium",
        "color": "White, charcoal and a multicolor brand mark",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: HeyGen — Account entry\nSource: https://auth.heygen.com/\nSwipefile reference: https://swipefile.design/ref/ai-next-heygen-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 compact account entry panel puts Google and Apple options above email and SSO.\n- nav: Product identity and account-entry controls.\n- layout: Small white card on a nearly white canvas.\n- density: Low-medium\n- color: White, charcoal and a multicolor brand mark\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-lindy-app",
      "name": "Lindy — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An assistant login screen offers a short stack of provider options on a warm pale gradient.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://chat.lindy.ai/login",
      "reference_url": "https://swipefile.design/ref/ai-next-lindy-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DmMWB9gE.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BGXbmucQ.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An assistant login screen offers a short stack of provider options on a warm pale gradient.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered logo and provider buttons with abundant open space.",
        "density": "Low-medium",
        "color": "Cream, white and charcoal",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Lindy — Account entry\nSource: https://chat.lindy.ai/login\nSwipefile reference: https://swipefile.design/ref/ai-next-lindy-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: An assistant login screen offers a short stack of provider options on a warm pale gradient.\n- nav: Product identity and account-entry controls.\n- layout: Centered logo and provider buttons with abundant open space.\n- density: Low-medium\n- color: Cream, white and charcoal\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-napkin-entry",
      "name": "Napkin — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A playful hand illustration introduces a minimal set of account-entry choices.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.napkin.ai/signin",
      "reference_url": "https://swipefile.design/ref/ai-next-napkin-entry/",
      "screenshot_url": "https://swipefile.design/_astro/preview.--NaNqOL.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.3XsGrAXU.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "diagrams",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A playful hand illustration introduces a minimal set of account-entry choices.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Small centered column with a visual welcome marker.",
        "density": "Low-medium",
        "color": "White, black and lavender",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Napkin — Account entry\nSource: https://app.napkin.ai/signin\nSwipefile reference: https://swipefile.design/ref/ai-next-napkin-entry/\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 playful hand illustration introduces a minimal set of account-entry choices.\n- nav: Product identity and account-entry controls.\n- layout: Small centered column with a visual welcome marker.\n- density: Low-medium\n- color: White, black and lavender\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-pitch-app",
      "name": "Pitch — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A white account form stands against an intense purple radial gradient.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://auth.pitch.com/login?state=hKFo2SBJcGtWYnBMQ2lBejVkQ3NocGFuWXpOSFlWMFVTWF80daFupWxvZ2luo3RpZNkgcTZmYUFhZVI2b0NPc045b1VpelZpeW5ENmV0WE40ZHOjY2lk2SBUQVpVbDhEOE9LNTNsWUJJUTVtWm8wenUwN2VkQ3dQMA&client=TAZUl8D8OK53lYBIQ5mZo0zu07edCwP0&protocol=oauth2&prompt=select_account&scope=openid%20profile%20email%20offline_access&redirect_uri=https%3A%2F%2Fapp.pitch.com%2Fapp%2Flogin%2Fcallback&audience=document-sync-1&response_type=code&response_mode=query&nonce=fk5SbzgwcURURlZvOFlhTElOazRxaWVFUEJkXzBEbzZnOEZ4dUJGNHZOdQ%3D%3D&code_challenge=ZW7yMZ7jIZ8ZLt5JVQQnQDfo6lBOnbn-hwC8j0HqHZg&code_challenge_method=S256&auth0Client=eyJuYW1lIjoiYXV0aDAtc3BhLWpzIiwidmVyc2lvbiI6IjIuMTguMCJ9#/",
      "reference_url": "https://swipefile.design/ref/ai-next-pitch-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Dymoj18Y.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.C3A-gxr-.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "presentations",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A white account form stands against an intense purple radial gradient.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Tall centered authentication card on a full-bleed color field.",
        "density": "Low-medium",
        "color": "Violet, white and dark gray",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Pitch — Account entry\nSource: https://auth.pitch.com/login?state=hKFo2SBJcGtWYnBMQ2lBejVkQ3NocGFuWXpOSFlWMFVTWF80daFupWxvZ2luo3RpZNkgcTZmYUFhZVI2b0NPc045b1VpelZpeW5ENmV0WE40ZHOjY2lk2SBUQVpVbDhEOE9LNTNsWUJJUTVtWm8wenUwN2VkQ3dQMA&client=TAZUl8D8OK53lYBIQ5mZo0zu07edCwP0&protocol=oauth2&prompt=select_account&scope=openid%20profile%20email%20offline_access&redirect_uri=https%3A%2F%2Fapp.pitch.com%2Fapp%2Flogin%2Fcallback&audience=document-sync-1&response_type=code&response_mode=query&nonce=fk5SbzgwcURURlZvOFlhTElOazRxaWVFUEJkXzBEbzZnOEZ4dUJGNHZOdQ%3D%3D&code_challenge=ZW7yMZ7jIZ8ZLt5JVQQnQDfo6lBOnbn-hwC8j0HqHZg&code_challenge_method=S256&auth0Client=eyJuYW1lIjoiYXV0aDAtc3BhLWpzIiwidmVyc2lvbiI6IjIuMTguMCJ9#/\nSwipefile reference: https://swipefile.design/ref/ai-next-pitch-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 white account form stands against an intense purple radial gradient.\n- nav: Product identity and account-entry controls.\n- layout: Tall centered authentication card on a full-bleed color field.\n- density: Low-medium\n- color: Violet, white and dark gray\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-presentations-app",
      "name": "Presentations.AI — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A stack of provider sign-in buttons is paired with a short list of presentation benefits.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.presentations.ai/docs/login?",
      "reference_url": "https://swipefile.design/ref/ai-next-presentations-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.wVrlUJGm.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D7L5DAzh.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "presentations",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A stack of provider sign-in buttons is paired with a short list of presentation benefits.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Two open columns separated by whitespace rather than heavy borders.",
        "density": "Low-medium",
        "color": "White, black and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Presentations.AI — Account entry\nSource: https://app.presentations.ai/docs/login?\nSwipefile reference: https://swipefile.design/ref/ai-next-presentations-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 stack of provider sign-in buttons is paired with a short list of presentation benefits.\n- nav: Product identity and account-entry controls.\n- layout: Two open columns separated by whitespace rather than heavy borders.\n- density: Low-medium\n- color: White, black and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-process-street",
      "name": "Process Street — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A blue product statement and customer logos balance a plain sign-in form.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.process.st/login",
      "reference_url": "https://swipefile.design/ref/ai-next-process-street/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DR_3HLM-.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BktJ3sZ3.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "workflows",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A blue product statement and customer logos balance a plain sign-in form.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Large colored left panel beside a centered white form.",
        "density": "Low-medium",
        "color": "Blue, violet and white",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Process Street — Account entry\nSource: https://app.process.st/login\nSwipefile reference: https://swipefile.design/ref/ai-next-process-street/\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 blue product statement and customer logos balance a plain sign-in form.\n- nav: Product identity and account-entry controls.\n- layout: Large colored left panel beside a centered white form.\n- density: Low-medium\n- color: Blue, violet and white\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-quadratic-app",
      "name": "Quadratic — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An AI spreadsheet sign-up form starts with first and last name fields above email and password.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://signin.quadratichq.com/sign-up?client_id=client_01JXWR78WNK63WC2WXH8CP3XSQ&redirect_uri=https%3A%2F%2Fapp.quadratichq.com%2Flogin-result&state=%7B%22redirectTo%22%3A%22https%3A%2F%2Fapp.quadratichq.com%2F%22%7D&authorization_session_id=01M1VNT9HYG2JFGDWS58ZK8QM8",
      "reference_url": "https://swipefile.design/ref/ai-next-quadratic-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DEC66KAn.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CXRjQAok.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "spreadsheets",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An AI spreadsheet sign-up form starts with first and last name fields above email and password.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Narrow centered form with paired name inputs and alternative provider icons.",
        "density": "Low-medium",
        "color": "White, light gray and blue",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Quadratic — Account entry\nSource: https://signin.quadratichq.com/sign-up?client_id=client_01JXWR78WNK63WC2WXH8CP3XSQ&redirect_uri=https%3A%2F%2Fapp.quadratichq.com%2Flogin-result&state=%7B%22redirectTo%22%3A%22https%3A%2F%2Fapp.quadratichq.com%2F%22%7D&authorization_session_id=01M1VNT9HYG2JFGDWS58ZK8QM8\nSwipefile reference: https://swipefile.design/ref/ai-next-quadratic-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: An AI spreadsheet sign-up form starts with first and last name fields above email and password.\n- nav: Product identity and account-entry controls.\n- layout: Narrow centered form with paired name inputs and alternative provider icons.\n- density: Low-medium\n- color: White, light gray and blue\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-simplified",
      "name": "Simplified — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A campaign-focused message and sample card share an ivory sign-in page.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.simplified.com/login?redirect=/",
      "reference_url": "https://swipefile.design/ref/ai-next-simplified/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BottQZUm.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CMRuUVWq.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "marketing",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A campaign-focused message and sample card share an ivory sign-in page.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Dark promotional panel left and compact account card right.",
        "density": "Low-medium",
        "color": "Dark brown, cream and orange",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Simplified — Account entry\nSource: https://app.simplified.com/login?redirect=/\nSwipefile reference: https://swipefile.design/ref/ai-next-simplified/\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 campaign-focused message and sample card share an ivory sign-in page.\n- nav: Product identity and account-entry controls.\n- layout: Dark promotional panel left and compact account card right.\n- density: Low-medium\n- color: Dark brown, cream and orange\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-soundful",
      "name": "Soundful — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A music account form is paired with bold magenta copy and a dark product preview.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://my.soundful.com/signin",
      "reference_url": "https://swipefile.design/ref/ai-next-soundful/",
      "screenshot_url": "https://swipefile.design/_astro/preview.Cr0CYWYl.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DZKHD93a.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "music",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A music account form is paired with bold magenta copy and a dark product preview.",
        "nav": "Product identity and account-entry controls.",
        "layout": "White form column inside a large dark split panel.",
        "density": "Low-medium",
        "color": "Black, white and vivid magenta",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Soundful — Account entry\nSource: https://my.soundful.com/signin\nSwipefile reference: https://swipefile.design/ref/ai-next-soundful/\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 music account form is paired with bold magenta copy and a dark product preview.\n- nav: Product identity and account-entry controls.\n- layout: White form column inside a large dark split panel.\n- density: Low-medium\n- color: Black, white and vivid magenta\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-synthesia-app",
      "name": "Synthesia — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A welcome dialog offers email and provider entry over a dimmed product background.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://app.synthesia.io/#/welcome",
      "reference_url": "https://swipefile.design/ref/ai-next-synthesia-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BZD4IriG.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.B--EjC91.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A welcome dialog offers email and provider entry over a dimmed product background.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered modal with blurred workspace context behind it.",
        "density": "Low-medium",
        "color": "White, gray and violet",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Synthesia — Account entry\nSource: https://app.synthesia.io/#/welcome\nSwipefile reference: https://swipefile.design/ref/ai-next-synthesia-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 welcome dialog offers email and provider entry over a dimmed product background.\n- nav: Product identity and account-entry controls.\n- layout: Centered modal with blurred workspace context behind it.\n- density: Low-medium\n- color: White, gray and violet\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-vectorshift-app",
      "name": "VectorShift — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A small email-first sign-in card includes GitHub and Google alternatives.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://login.vectorshift.ai/?client_id=client_01JWATY99B2FZYNEE9H72YG4J5&redirect_uri=https%3A%2F%2Fapp.vectorshift.ai&state=%7B%22returnTo%22%3A%22%22%7D&authorization_session_id=01M1VNVDRXKP6X35890YYCGFFM",
      "reference_url": "https://swipefile.design/ref/ai-next-vectorshift-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CPympuT1.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.ChwOkL_f.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A small email-first sign-in card includes GitHub and Google alternatives.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Centered compact card on a pale gray canvas.",
        "density": "Low-medium",
        "color": "White, gray and violet",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: VectorShift — Account entry\nSource: https://login.vectorshift.ai/?client_id=client_01JWATY99B2FZYNEE9H72YG4J5&redirect_uri=https%3A%2F%2Fapp.vectorshift.ai&state=%7B%22returnTo%22%3A%22%22%7D&authorization_session_id=01M1VNVDRXKP6X35890YYCGFFM\nSwipefile reference: https://swipefile.design/ref/ai-next-vectorshift-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 small email-first sign-in card includes GitHub and Google alternatives.\n- nav: Product identity and account-entry controls.\n- layout: Centered compact card on a pale gray canvas.\n- density: Low-medium\n- color: White, gray and violet\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-veed-studio",
      "name": "VEED — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "A minimal video-editor entry screen groups provider buttons beneath a small wordmark.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://www.veed.io/login",
      "reference_url": "https://swipefile.design/ref/ai-next-veed-studio/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CkN34v9N.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.CeYrMHeF.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "video",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A minimal video-editor entry screen groups provider buttons beneath a small wordmark.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Unframed narrow account column with generous whitespace.",
        "density": "Low-medium",
        "color": "White, black and light gray",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: VEED — Account entry\nSource: https://www.veed.io/login\nSwipefile reference: https://swipefile.design/ref/ai-next-veed-studio/\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 video-editor entry screen groups provider buttons beneath a small wordmark.\n- nav: Product identity and account-entry controls.\n- layout: Unframed narrow account column with generous whitespace.\n- density: Low-medium\n- color: White, black and light gray\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-vellum-app",
      "name": "Vellum — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An agent-platform sign-in panel uses a fine line illustration as a calm companion surface.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://auth.vellum.ai/u/login/identifier?state=hKFo2SBkUEdxUkJjNlBlbUtxUEZyRC04eWJBRTBJeEpMZTNRWKFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIDhLejRUbWZvWHQ5WnVlRE52bTNzNWFjX1N6RVhZanZBo2NpZNkgYkx0dnNZOFBneVlYbTdBZ3A5MGNDUEdHdVlXV3dmTkE",
      "reference_url": "https://swipefile.design/ref/ai-next-vellum-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.B-253KZq.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.0YeXM-GV.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An agent-platform sign-in panel uses a fine line illustration as a calm companion surface.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Two spacious columns with form left and pale illustrated panel right.",
        "density": "Low-medium",
        "color": "White, charcoal and lavender",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Vellum — Account entry\nSource: https://auth.vellum.ai/u/login/identifier?state=hKFo2SBkUEdxUkJjNlBlbUtxUEZyRC04eWJBRTBJeEpMZTNRWKFur3VuaXZlcnNhbC1sb2dpbqN0aWTZIDhLejRUbWZvWHQ5WnVlRE52bTNzNWFjX1N6RVhZanZBo2NpZNkgYkx0dnNZOFBneVlYbTdBZ3A5MGNDUEdHdVlXV3dmTkE\nSwipefile reference: https://swipefile.design/ref/ai-next-vellum-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: An agent-platform sign-in panel uses a fine line illustration as a calm companion surface.\n- nav: Product identity and account-entry controls.\n- layout: Two spacious columns with form left and pale illustrated panel right.\n- density: Low-medium\n- color: White, charcoal and lavender\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-voiceflow",
      "name": "Voiceflow — Account entry",
      "kind": "app",
      "archetype": "Forms & Onboarding",
      "summary": "An account-creation form shares the screen with a small conversation preview on a dark panel.",
      "use_for": "Keep the required account step concise while explaining the product through the surrounding composition.",
      "source_url": "https://creator.voiceflow.com/signup",
      "reference_url": "https://swipefile.design/ref/ai-next-voiceflow/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DAuX7X8O.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D6_QLuaZ.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "agents",
        "onboarding",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An account-creation form shares the screen with a small conversation preview on a dark panel.",
        "nav": "Product identity and account-entry controls.",
        "layout": "Light form column paired with a dark assistant sample.",
        "density": "Low-medium",
        "color": "White, blue and deep slate",
        "typography": "Compact field labels and clear provider names.",
        "pattern": "Keep the required account step concise while explaining the product through the surrounding composition.",
        "states": "Signed-out account entry only; no authenticated workspace is shown and no account was created.",
        "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: Voiceflow — Account entry\nSource: https://creator.voiceflow.com/signup\nSwipefile reference: https://swipefile.design/ref/ai-next-voiceflow/\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 account-creation form shares the screen with a small conversation preview on a dark panel.\n- nav: Product identity and account-entry controls.\n- layout: Light form column paired with a dark assistant sample.\n- density: Low-medium\n- color: White, blue and deep slate\n- typography: Compact field labels and clear provider names.\n- pattern: Keep the required account step concise while explaining the product through the surrounding composition.\n- states: Signed-out account entry only; no authenticated workspace is shown and no account was created.\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 the required account step concise while explaining the product through the surrounding composition.\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-next-openart-create",
      "name": "OpenArt — Image workspace",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A dark image workspace combines a dense parameter sidebar with model tabs and example artwork.",
      "use_for": "Keep detailed model configuration accessible without hiding visual examples.",
      "source_url": "https://openart.ai/image/create",
      "reference_url": "https://swipefile.design/ref/ai-next-openart-create/",
      "screenshot_url": "https://swipefile.design/_astro/preview.D1C24W3e.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.D1-ysYk_.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-generation",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark image workspace combines a dense parameter sidebar with model tabs and example artwork.",
        "nav": "Left tool rail and nested creation sidebar.",
        "layout": "Narrow settings panel beside a wide examples and workspace area.",
        "density": "High",
        "color": "Charcoal, violet and multicolor artwork",
        "typography": "Small technical labels and a larger central title.",
        "pattern": "Keep detailed model configuration accessible without hiding visual examples.",
        "states": "Signed-out image workspace with source-provided examples; no model run.",
        "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: OpenArt — Image workspace\nSource: https://openart.ai/image/create\nSwipefile reference: https://swipefile.design/ref/ai-next-openart-create/\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 image workspace combines a dense parameter sidebar with model tabs and example artwork.\n- nav: Left tool rail and nested creation sidebar.\n- layout: Narrow settings panel beside a wide examples and workspace area.\n- density: High\n- color: Charcoal, violet and multicolor artwork\n- typography: Small technical labels and a larger central title.\n- pattern: Keep detailed model configuration accessible without hiding visual examples.\n- states: Signed-out image workspace with source-provided examples; no model run.\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 detailed model configuration accessible without hiding visual 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-next-pixelcut-upscale",
      "name": "Pixelcut — Upscaler",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An upscaling utility pairs a short explanation with a large empty drop zone and sample thumbnails.",
      "use_for": "Give the upload area most of the working space and offer examples beneath it.",
      "source_url": "https://www.pixelcut.ai/image-upscaler",
      "reference_url": "https://swipefile.design/ref/ai-next-pixelcut-upscale/",
      "screenshot_url": "https://swipefile.design/_astro/preview.G7acRqAn.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.5x2auDOz.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An upscaling utility pairs a short explanation with a large empty drop zone and sample thumbnails.",
        "nav": "Compact website header and tool breadcrumb.",
        "layout": "Two-column task explanation and upload panel.",
        "density": "Low-medium",
        "color": "White, gray and blue",
        "typography": "Bold task heading with compact helper copy.",
        "pattern": "Give the upload area most of the working space and offer examples beneath it.",
        "states": "Public empty upload state; no files selected.",
        "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: Pixelcut — Upscaler\nSource: https://www.pixelcut.ai/image-upscaler\nSwipefile reference: https://swipefile.design/ref/ai-next-pixelcut-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 utility pairs a short explanation with a large empty drop zone and sample thumbnails.\n- nav: Compact website header and tool breadcrumb.\n- layout: Two-column task explanation and upload panel.\n- density: Low-medium\n- color: White, gray and blue\n- typography: Bold task heading with compact helper copy.\n- pattern: Give the upload area most of the working space and offer examples beneath it.\n- states: Public empty upload state; no files selected.\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 upload area most of the working space and offer examples beneath it.\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-next-remini-app",
      "name": "Remini — Enhancement upload",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A photo-enhancement upload screen pairs a large before-and-after portrait with a prominent file-selection area.",
      "use_for": "Demonstrate the transformation beside the input required to start it.",
      "source_url": "https://app.remini.ai/?v=449a9d75-87bd-459a-a2b8-6b2b4dc8a1ec-1788709661885",
      "reference_url": "https://swipefile.design/ref/ai-next-remini-app/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CsYGAgIb.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.zKekRhNg.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "video",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A photo-enhancement upload screen pairs a large before-and-after portrait with a prominent file-selection area.",
        "nav": "Small help, language and account controls.",
        "layout": "Full-height comparison image left with upload choices right.",
        "density": "Medium",
        "color": "Black, burgundy, pink and white",
        "typography": "Large clear task headline and small explanatory labels.",
        "pattern": "Demonstrate the transformation beside the input required to start it.",
        "states": "Public upload screen with a source-provided comparison; no media uploaded.",
        "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: Remini — Enhancement upload\nSource: https://app.remini.ai/?v=449a9d75-87bd-459a-a2b8-6b2b4dc8a1ec-1788709661885\nSwipefile reference: https://swipefile.design/ref/ai-next-remini-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 photo-enhancement upload screen pairs a large before-and-after portrait with a prominent file-selection area.\n- nav: Small help, language and account controls.\n- layout: Full-height comparison image left with upload choices right.\n- density: Medium\n- color: Black, burgundy, pink and white\n- typography: Large clear task headline and small explanatory labels.\n- pattern: Demonstrate the transformation beside the input required to start it.\n- states: Public upload screen with a source-provided comparison; no media uploaded.\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: Demonstrate the transformation beside the input required to start it.\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-next-picwish",
      "name": "PicWish — Background upload",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A background-removal utility places upload and bulk-edit choices beside a before-and-after portrait.",
      "use_for": "Offer single-image and batch paths together while showing their shared result.",
      "source_url": "https://picwish.com/remove-background",
      "reference_url": "https://swipefile.design/ref/ai-next-picwish/",
      "screenshot_url": "https://swipefile.design/_astro/preview.CkdxGATM.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.DHBw2NJy.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A background-removal utility places upload and bulk-edit choices beside a before-and-after portrait.",
        "nav": "Light website header with tool navigation.",
        "layout": "Split task actions and large visual comparison.",
        "density": "Medium",
        "color": "White, pale blue and violet",
        "typography": "Large task title and prominent rounded action labels.",
        "pattern": "Offer single-image and batch paths together while showing their shared result.",
        "states": "Public upload state with built-in example imagery; no upload or edit performed.",
        "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: PicWish — Background upload\nSource: https://picwish.com/remove-background\nSwipefile reference: https://swipefile.design/ref/ai-next-picwish/\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 background-removal utility places upload and bulk-edit choices beside a before-and-after portrait.\n- nav: Light website header with tool navigation.\n- layout: Split task actions and large visual comparison.\n- density: Medium\n- color: White, pale blue and violet\n- typography: Large task title and prominent rounded action labels.\n- pattern: Offer single-image and batch paths together while showing their shared result.\n- states: Public upload state with built-in example imagery; no upload or edit performed.\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 single-image and batch paths together while showing their shared result.\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-next-lenso",
      "name": "Lenso — Image search upload",
      "kind": "app",
      "archetype": "Search & Discovery",
      "summary": "An image-search start screen centers an upload target among small examples of searchable visual categories.",
      "use_for": "Explain input options directly in the drop zone while examples show the search scope.",
      "source_url": "https://lenso.ai/en",
      "reference_url": "https://swipefile.design/ref/ai-next-lenso/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BWxmMpNa.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.l8qIRgjz.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "search",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An image-search start screen centers an upload target among small examples of searchable visual categories.",
        "nav": "Compact top navigation with language and account controls.",
        "layout": "Centered upload panel surrounded by a loose image collage.",
        "density": "Low-medium",
        "color": "White, gray, violet and pale yellow",
        "typography": "Bold two-line headline and short upload instructions.",
        "pattern": "Explain input options directly in the drop zone while examples show the search scope.",
        "states": "Public empty reverse-image-search screen; no image or person searched.",
        "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: Lenso — Image search upload\nSource: https://lenso.ai/en\nSwipefile reference: https://swipefile.design/ref/ai-next-lenso/\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-search start screen centers an upload target among small examples of searchable visual categories.\n- nav: Compact top navigation with language and account controls.\n- layout: Centered upload panel surrounded by a loose image collage.\n- density: Low-medium\n- color: White, gray, violet and pale yellow\n- typography: Bold two-line headline and short upload instructions.\n- pattern: Explain input options directly in the drop zone while examples show the search scope.\n- states: Public empty reverse-image-search screen; no image or person searched.\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 input options directly in the drop zone while examples show the search scope.\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-next-mubert",
      "name": "Mubert Render — Music workspace",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A music-creation workspace combines a prompt and track settings with browsable playlists below.",
      "use_for": "Connect a creation form to a browseable library of styles and examples.",
      "source_url": "https://mubert.com/render",
      "reference_url": "https://swipefile.design/ref/ai-next-mubert/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DK9bfV0h.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BqZupcAm.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "music",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A music-creation workspace combines a prompt and track settings with browsable playlists below.",
        "nav": "Top product navigation and music-category sidebar.",
        "layout": "Generation controls above a catalog of playlist cards.",
        "density": "Medium-high",
        "color": "White, gray and violet",
        "typography": "Compact field labels and bold catalog headings.",
        "pattern": "Connect a creation form to a browseable library of styles and examples.",
        "states": "Public initial music workspace; onboarding tips dismissed. No generation or playback requested.",
        "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: Mubert Render — Music workspace\nSource: https://mubert.com/render\nSwipefile reference: https://swipefile.design/ref/ai-next-mubert/\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 music-creation workspace combines a prompt and track settings with browsable playlists below.\n- nav: Top product navigation and music-category sidebar.\n- layout: Generation controls above a catalog of playlist cards.\n- density: Medium-high\n- color: White, gray and violet\n- typography: Compact field labels and bold catalog headings.\n- pattern: Connect a creation form to a browseable library of styles and examples.\n- states: Public initial music workspace; onboarding tips dismissed. No generation or playback requested.\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: Connect a creation form to a browseable library of styles and 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-next-seaart",
      "name": "SeaArt — Creative start",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A dark creative start page presents a prompt composer, creation modes and a gallery of example content.",
      "use_for": "Place creation controls above inspiration so discovery can feed the next action.",
      "source_url": "https://www.seaart.ai/",
      "reference_url": "https://swipefile.design/ref/ai-next-seaart/",
      "screenshot_url": "https://swipefile.design/_astro/preview.aFdY29N7.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.zS8TrHjG.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "image-generation",
        "video",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A dark creative start page presents a prompt composer, creation modes and a gallery of example content.",
        "nav": "Top product navigation with image and video modes.",
        "layout": "Large centered composer above visual discovery sections.",
        "density": "Medium-high",
        "color": "Charcoal, white and violet",
        "typography": "Prominent central headline and small tool labels.",
        "pattern": "Place creation controls above inspiration so discovery can feed the next action.",
        "states": "Public creative entry screen with promotion dismissed; no generation or upload.",
        "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: SeaArt — Creative start\nSource: https://www.seaart.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-seaart/\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 creative start page presents a prompt composer, creation modes and a gallery of example content.\n- nav: Top product navigation with image and video modes.\n- layout: Large centered composer above visual discovery sections.\n- density: Medium-high\n- color: Charcoal, white and violet\n- typography: Prominent central headline and small tool labels.\n- pattern: Place creation controls above inspiration so discovery can feed the next action.\n- states: Public creative entry screen with promotion dismissed; no generation or upload.\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 creation controls above inspiration so discovery can feed the next 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-next-lalal",
      "name": "LALAL.AI — Stem extraction",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "An audio-separation utility places a stem-type selector and file button beside a concise explanation.",
      "use_for": "Ask for the desired output before the source file so the workflow is explicit.",
      "source_url": "https://www.lalal.ai/",
      "reference_url": "https://swipefile.design/ref/ai-next-lalal/",
      "screenshot_url": "https://swipefile.design/_astro/preview.BXVehk9p.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.BKaCmGtY.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "music",
        "audio",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "An audio-separation utility places a stem-type selector and file button beside a concise explanation.",
        "nav": "Small product navigation and account links.",
        "layout": "Split explanation and tall extraction form.",
        "density": "Medium",
        "color": "White, gray, black and yellow",
        "typography": "Large plain headline with compact option labels.",
        "pattern": "Ask for the desired output before the source file so the workflow is explicit.",
        "states": "Public extraction form; no audio uploaded. A compact cookie notice remains visible.",
        "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: LALAL.AI — Stem extraction\nSource: https://www.lalal.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-lalal/\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 audio-separation utility places a stem-type selector and file button beside a concise explanation.\n- nav: Small product navigation and account links.\n- layout: Split explanation and tall extraction form.\n- density: Medium\n- color: White, gray, black and yellow\n- typography: Large plain headline with compact option labels.\n- pattern: Ask for the desired output before the source file so the workflow is explicit.\n- states: Public extraction form; no audio uploaded. A compact cookie notice remains visible.\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: Ask for the desired output before the source file so the workflow is explicit.\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-next-getimg",
      "name": "getimg.ai — Tool launcher",
      "kind": "app",
      "archetype": "Creative Tools",
      "summary": "A public creative-tool launcher groups image and video actions beneath a light illustrated introduction.",
      "use_for": "Organize a multi-tool product around clear actions users can recognize.",
      "source_url": "https://getimg.ai/",
      "reference_url": "https://swipefile.design/ref/ai-next-getimg/",
      "screenshot_url": "https://swipefile.design/_astro/preview.DKeDvZhc.webp",
      "thumbnail_url": "https://swipefile.design/_astro/card.Cqi9XYcu.webp",
      "captured": "2026-09-06",
      "capture_scope": "viewport",
      "provenance": "live",
      "tags": [
        "ai",
        "images",
        "video",
        "ai-next",
        "september-2026"
      ],
      "patterns": [],
      "design_notes": {
        "surface": "A public creative-tool launcher groups image and video actions beneath a light illustrated introduction.",
        "nav": "Compact tool navigation and account action.",
        "layout": "Centered introduction followed by a grid of labeled creation tools.",
        "density": "Medium",
        "color": "White, gray and blue",
        "typography": "Light headline and compact action labels.",
        "pattern": "Organize a multi-tool product around clear actions users can recognize.",
        "states": "Public tool-selection entry page; no authenticated editor or generated result is shown. A compact privacy notice remains.",
        "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: getimg.ai — Tool launcher\nSource: https://getimg.ai/\nSwipefile reference: https://swipefile.design/ref/ai-next-getimg/\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 public creative-tool launcher groups image and video actions beneath a light illustrated introduction.\n- nav: Compact tool navigation and account action.\n- layout: Centered introduction followed by a grid of labeled creation tools.\n- density: Medium\n- color: White, gray and blue\n- typography: Light headline and compact action labels.\n- pattern: Organize a multi-tool product around clear actions users can recognize.\n- states: Public tool-selection entry page; no authenticated editor or generated result is shown. A compact privacy notice remains.\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 a multi-tool product around clear actions users can recognize.\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."
    }
  ]
}