Forem: Abu Jakaria

AI এখন শুধু একটা টুল না থেকে ধীরে ধীরে intelligence এর দিকে যাচ্ছে

Abu Jakaria — Wed, 22 Apr 2026 21:04:36 +0000

কিছুদিন আগেও আমরা ভাবতাম AI মানে হলো একটা স্মার্ট চ্যাটবট - প্রশ্ন করলাম, আন্সার দিল, ছবি তৈরি করলো, কিছু কোড লিখে দিল এর বেশি কিছু না। কিন্তু এখন সিলিকন ভ্যালির ভিতরে যেই নামটা চুপচাপ ফিসফিস করে ঘুরছে, সেটা হলো Mythos।

হ্যা ঠিকি শুনেছেন এনথ্রপিকের ক্লাউডি মাইথস। নামের মধ্যেই যেন একটা রহস্য আছে। আর যারা ইনসাইডার লেভেলে AI নিয়ে কাজ করছে, তারা বলছে মাইথস শুধু আরেকটা AI মডেল না, এটা হয়তো সেই পয়েন্ট যেখানে AI tool থেকে intelligence এ ঢুকতে শুরু করেছে। এনথ্রপিকের এর রিসার্চ ল্যাব থেকে আসা এই মডেল নিয়ে পাব্লিকলি খুব বেশি কিছু বলা হয়নি। বরং যেটা সবচেয়ে বেশি কিউরিওসিটি তৈরি করেছে, সেটা হলো কোম্পানি নিজেরাই এটাকে পুরোপুরি পাব্লিকলি রিলিজ করেনি।

কারণ অনেকের দাবি, মাইথস এমন কিছু ক্যাপাবিলিটি দেখিয়েছে যেটা সাধারণ ল্যাঙ্গুয়েজ মডেল এর বাইরে। সাধারণ AI মডেল যেখানে প্রম্পট নেয় আর রেসপন্স দেয়, সেখানে মাইথস নিয়ে শোনা যাচ্ছে এটা শুধু আন্সার জেনারেট করে না বরং এটা কমপ্লেক্স সিস্টেম ডিপলি অ্যানালাইজ করতে পারে। বড় সফটওয়্যার স্ট্রাকচার বুঝতে পারে, হিডেন ভালনারেবিলিটি ডিটেক্ট করতে পারে, লজিক চেইন ফলো করতে পারে, মাল্টি স্টেপ রিজনিং ধরে রাখতে পারে।

যেখানে অনেক মডেল কয়েক ধাপ পরে কন্টেক্সট হারিয়ে ফেলে, সেখানে মাইথস নাকি অনেক দূর পর্যন্ত রিজনিং মেইনটেইন করতে পারে। আর এই জায়গাটাই রিসার্চারদের সবচেয়ে বেশি অবাক করেছে। টেক কমিউনিটিতে সবচেয়ে বেশি আলোচনা হচ্ছে একটাই বিষয় নিয়ে মাইথস নাকি এমন security flaw খুঁজে পেয়েছে, যেগুলো এক্সপার্টরাও প্রথমে ধরতে পারেনি।

জাস্ট একবার ভাবেন বিষয়টা, একজন সিনিয়র সিকিউরিটি ইঞ্জিনিয়ার কয়েকদিন ধরে code audit করছে, তারপর AI কয়েক মিনিটে এসে বলছে “ইস্যুটা এখানে”। এটা শুধু impressive না, এটা unsettling। কারণ প্রথমবার অনেকেই বুঝতে শুরু করেছে AI শুধু লিখছে না, AI এখন সিস্টেম বুঝতে শুরু করেছে। সাধারণত নতুন মডেল আসলে কোম্পানি হাইপ তৈরি করে, ডেমো দেয়, API দেয়, সবাইকে এক্সেস দেয়। কিন্তু মাইথস এর ক্ষেত্রে বিষয়টা পুরোপুরি ডিফরেন্ট। যেটুকু জানা যাচ্ছে, এটাকে লিমিটেড এনভায়রনমেন্টের বাইরে খুব সাবধানে রাখা হয়েছে।

কারণটা খুব সিম্পল। একটা মডেল যদি ভালনারেবিলিটি খুঁজতে পারে, এক্সপ্লোইট বুঝতে পারে, সিকিউর আর্কিটেকচার অ্যানালাইজ করতে পারে তাহলে একই টেকনোলজি ডিফেন্সিভ সিকিউরিটিতে যেমন কাজে লাগতে পারে, ঠিক তেমনি ভুল হাতে গেলে অফেন্সিভ সাইডেও ডেঞ্জারাস হতে পারে। আর সেখানেই মাইথস কে ঘিরে ফ্যাসিনেশন আরও বেড়েছে। কারণ টেক ওয়ার্ল্ড অনেকদিন পর এমন একটা মডেল দেখছে, যেটাকে শুধু পাওয়ারফুল না, বরং সেন্সিটিভ হিসেবেও দেখা হচ্ছে।

ইনসাইডার ডিসকাশনে একটা কথা বারবার আসছে Mythos নাকি শুধু প্রম্পট ফলো করে না, বরং এটা intent ও বুঝতে চেষ্টা করে। মানে আপনি যা লিখলেন, শুধু সেই শব্দ না, আপনি আসলে কী বোঝাতে চাইছেন, সেটাও মডেল ধরার চেষ্টা করে। ছোট শোনালেও AI আর্কিটেকচারের দুনিয়ায় এটা huge leap। কারণ এখান থেকেই মডেল শুধু রেসপন্স ইঞ্জিন না থেকে একটা রিজনিং ইঞ্জিনে ইভল্ভ করে।

আর সম্ভবত এই কারণেই Mythos নামটা এত মানানসই। কারণ মাইথস শব্দটার অর্থই অনেকটা গল্প, রহস্য, লিজেন্ড। আর মডেলটার অবস্থাও এখন ঠিক তাই। সবাই নাম শুনছে, অল্প কিছু মানুষ এক্সেস পাচ্ছে, ডিটেইলস সীমিত, ক্যাপাবিলিটিস নিয়ে speculation বাড়ছে।

টেক ওয়ার্ল্ডে এমন মডেল খুব কমই আসে, যেটা রিলিজ হওয়ার আগেই একটা ডিজিটাল লিজেন্ড হয়ে যায়। Mythos এখন ঠিক সেই স্টেজে আছে। মাইথস নিয়ে মানুষ শুধু ইম্প্রেজড না, অনেকে quietly concerned ও। কারণ AI যখন কোড বুঝে, লজিক ট্রেস করে, হিডেন উইকনেস ডিটেক্ট করে, ডিপ রিজনিং ধরে রাখতে পারে তখন প্রশ্নটা শুধু এমন হয় না, “AI কী পারে?” প্রশ্নটা হয়ে যায় “AI কতদূর পর্যন্ত বুঝতে শুরু করেছে?”

আর এই প্রশ্নটাই Mythos কে অন্য সব মডেল থেকে আলাদা করে দিয়েছে। হয়তো মাইথস এখনো পাব্লিকের হাতে আসেনি। হয়তো অনেকেই এটা ব্যবহারও করতে পারবে না। কিন্তু কিছু টেকনোলজি থাকে, যেগুলো বাজারে আসার আগেই বোঝা যায় এগুলো শুধু প্রোডাক্ট না, এগুলো সিগন্যাল। Mythos হয়তো সেই সিগন্যাল যে, AI এর পরের চ্যাপ্টার কোয়াইটলি শুরু হয়ে গেছে।

Dark Mode with Tailwind v4 & next-themes

Abu Jakaria — Sat, 10 Jan 2026 19:10:46 +0000

A simple guide to implementing dark mode in React using Tailwind CSS v4 and next-themes.

📦 Installation

npm install next-themes

🚀 Setup

Step 1: Wrap App with ThemeProvider

In main.jsx:

import { ThemeProvider } from "next-themes";

createRoot(document.getElementById("root")).render(
  <StrictMode>
    <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
      <App />
    </ThemeProvider>
  </StrictMode>
);

Props:

attribute="class" - Adds dark class to <html> element
defaultTheme="system" - Uses system preference by default
enableSystem - Detects system theme automatically
storageKey="theme-name" - (Optional) Custom localStorage key

Step 2: Configure Colors in index.css

@import "tailwindcss";

@variant dark (&:is(.dark *));

@theme {
  --color-primary: light-dark(#10b981, #dc2626);
  --color-surface: light-dark(#f8fafc, #0f172a);
}

Syntax:

--color-[name]: light-dark([light-color], [dark-color]);

🎨 Using Custom Colors

Define in CSS:

--color-primary: light-dark(#10b981, #dc2626);

Use in JSX:

<h1 className="text-primary">Hello</h1>
<div className="bg-primary">Content</div>

Rule: Don't include text- or bg- in variable names. Tailwind adds them automatically!

🔧 Theme Toggle

Basic Implementation

import { useTheme } from "next-themes";

function ThemeToggle() {
  const { theme, setTheme } = useTheme();

  return (
    <button onClick={() => setTheme(theme === "dark" ? "light" : "dark")}>
      {theme === "dark" ? "🌙" : "☀️"}
    </button>
  );
}

Prevent Hydration Issues

import { useTheme } from "next-themes";
import { useEffect, useState } from "react";

function ThemeToggle() {
  const { theme, setTheme } = useTheme();
  const [mounted, setMounted] = useState(false);

  useEffect(() => setMounted(true), []);

  if (!mounted) return null;

  return (
    <button onClick={() => setTheme(theme === "dark" ? "light" : "dark")}>
      Toggle Theme
    </button>
  );
}

📖 useTheme Hook API

const { theme, setTheme, systemTheme, themes } = useTheme();

Property	Type	Description
`theme`	`string`	Current theme: `"light"`, `"dark"`, or `"system"`
`setTheme(name)`	`function`	Change theme
`systemTheme`	`string`	System preference: `"light"` or `"dark"`
`themes`	`array`	Available themes

💡 Common Color Schemes

@theme {
  /* Backgrounds */
  --color-surface: light-dark(#f8fafc, #0f172a);
  --color-card: light-dark(#ffffff, #1e293b);

  /* Text */
  --color-primary: light-dark(#1f2937, #f9fafb);
  --color-secondary: light-dark(#6b7280, #9ca3af);

  /* Brand */
  --color-brand: light-dark(#10b981, #34d399);
  --color-accent: light-dark(#3b82f6, #60a5fa);
}

🐛 Troubleshooting

Dark mode not working?

Check if <html class="dark"> appears in DevTools
Clear localStorage and refresh
Verify @variant dark (&:is(.dark *)); is in CSS

Colors not changing?

Don't include text- or bg- in color variable names
Use correct syntax: light-dark(#fff, #000)

🎯 Quick Reference

// Setup
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>

// Toggle theme
const { theme, setTheme } = useTheme();
setTheme(theme === "dark" ? "light" : "dark");

// Define colors
--color-primary: light-dark(#10b981, #dc2626);

// Use colors
<div className="bg-primary text-secondary">