> ## Documentation Index
> Fetch the complete documentation index at: https://docs.skye-bot.com/llms.txt
> Use this file to discover all available pages before exploring further.

# What she can do

> Everyday abilities, in plain words.

export const ChatDemo = ({turns = []}) => {
  const items = Array.isArray(turns) ? turns : [];
  const tones = {
    indigo: ["rgba(99, 102, 241, 0.16)", "rgba(56, 189, 248, 0.16)"],
    violet: ["rgba(139, 92, 246, 0.16)", "rgba(217, 70, 239, 0.14)"],
    emerald: ["rgba(16, 185, 129, 0.16)", "rgba(20, 184, 166, 0.14)"],
    amber: ["rgba(245, 158, 11, 0.18)", "rgba(249, 115, 22, 0.14)"],
    rose: ["rgba(244, 63, 94, 0.14)", "rgba(236, 72, 153, 0.14)"],
    slate: ["rgba(120, 120, 130, 0.14)", "rgba(90, 90, 100, 0.12)"]
  };
  const wave = [7, 12, 9, 16, 11, 6, 14, 10, 5];
  const formatSeconds = seconds => {
    if (typeof seconds !== "number" || !isFinite(seconds)) return "";
    const minutes = Math.floor(seconds / 60);
    const rest = Math.round(seconds % 60);
    return `${minutes}:${String(rest).padStart(2, "0")}`;
  };
  const playIcon = () => <svg viewBox="0 0 24 24" className="h-3.5 w-3.5 shrink-0" fill="currentColor" aria-hidden="true">
      <path d="M8 5v14l11-7z" />
    </svg>;
  const fileIcon = () => <svg viewBox="0 0 24 24" className="h-4 w-4 shrink-0" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
      <path d="M14 3v5h5" />
      <path d="M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5z" />
    </svg>;
  const imageIcon = () => <svg viewBox="0 0 24 24" className="h-6 w-6" fill="none" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
      <rect x="3" y="4" width="18" height="16" rx="2" />
      <circle cx="9" cy="9" r="1.6" />
      <path d="m4 17 4.5-4.5L12 16l3-2.5L20 18" />
    </svg>;
  const renderTurn = turn => {
    const item = turn || ({});
    const from = item.from === "you" ? "you" : "sky";
    const kind = item.kind || "text";
    const align = {
      justifyContent: from === "you" ? "flex-end" : "flex-start"
    };
    const bubble = from === "you" ? {
      backgroundColor: "#5E60CE",
      color: "#ffffff"
    } : {
      backgroundColor: "rgba(128, 128, 136, 0.13)"
    };
    if (kind === "voice") {
      return <div className="flex flex-col gap-1.5">
          <div className="flex" style={align}>
            <div className="max-w-[88%] rounded-2xl px-3.5 py-2.5 text-[13.5px] leading-relaxed" style={bubble}>
              <span className="flex items-center gap-2.5">
                {playIcon()}
                <span className="flex h-4 items-center gap-[3px]">
                  {wave.map((height, bar) => <span key={bar} className="w-[2px] rounded-full bg-current opacity-70" style={{
        height: `${height}px`
      }} />)}
                </span>
                <span className="text-xs tabular-nums opacity-80">
                  {item.label || formatSeconds(item.seconds)}
                </span>
              </span>
            </div>
          </div>
          {item.text ? <div className="flex" style={align}>
              <p className="m-0 max-w-[88%] px-1 text-xs text-zinc-400 dark:text-zinc-500">
                {item.text}
              </p>
            </div> : null}
        </div>;
    }
    if (kind === "image") {
      const tone = tones[item.tone] || tones.indigo;
      return <div className="flex flex-col gap-1.5" style={{
        alignItems: from === "you" ? "flex-end" : "flex-start"
      }}>
          <div className="flex h-32 w-44 items-center justify-center rounded-2xl border border-black/5 text-zinc-400 dark:border-white/10 dark:text-zinc-500" style={{
        backgroundImage: `linear-gradient(135deg, ${tone[0]}, ${tone[1]})`
      }}>
            {imageIcon()}
          </div>
          {item.caption || item.label ? <span className="px-1 text-xs text-zinc-400 dark:text-zinc-500">
              {item.caption || item.label}
            </span> : null}
        </div>;
    }
    if (kind === "file") {
      return <div className="flex" style={align}>
          <div className="max-w-[88%] rounded-2xl px-3.5 py-2.5 text-[13.5px] leading-relaxed" style={bubble}>
            <span className="flex items-center gap-2.5">
              <span className="opacity-80">{fileIcon()}</span>
              <span className="flex flex-col leading-tight">
                <span className="font-medium">{item.name}</span>
                {item.meta ? <span className="text-xs opacity-70">{item.meta}</span> : null}
              </span>
            </span>
          </div>
        </div>;
    }
    if (kind === "code") {
      return <div className="flex" style={align}>
          <div className="max-w-[88%] rounded-2xl px-3.5 py-2.5 text-[13.5px] leading-relaxed" style={bubble}>
            <pre className="m-0 whitespace-pre-wrap break-words font-mono text-xs">
              {item.text}
            </pre>
          </div>
        </div>;
    }
    if (kind === "working") {
      return <div className="flex" style={{
        justifyContent: "flex-start"
      }}>
          <p className="m-0 flex items-center gap-2 px-1 py-0.5 text-xs text-zinc-400 dark:text-zinc-500">
            <span className="inline-block h-1.5 w-1.5 animate-pulse rounded-full" style={{
        backgroundColor: "#5E60CE"
      }} />
            <span>{item.text}</span>
          </p>
        </div>;
    }
    if (kind === "sources") {
      return <div className="flex" style={{
        justifyContent: "flex-start"
      }}>
          <div className="flex max-w-[88%] flex-col gap-1 px-1">
            {(item.links || []).map((link, index) => <a key={index} href={link.href} target="_blank" rel="noreferrer" className="text-xs underline underline-offset-2" style={{
        color: "#7c7ee0"
      }}>
                {link.label}
              </a>)}
          </div>
        </div>;
    }
    return <div className="flex" style={align}>
        <div className="max-w-[88%] rounded-2xl px-3.5 py-2.5 text-[13.5px] leading-relaxed" style={bubble}>
          <span className="whitespace-pre-line">{item.text}</span>
        </div>
      </div>;
  };
  return <div className="not-prose my-4 rounded-2xl border border-zinc-200 bg-white p-4 dark:border-zinc-800 dark:bg-zinc-900/60 sm:p-5">
      <div className="flex flex-col gap-2.5">
        {items.map((turn, index) => <div key={index}>{renderTurn(turn)}</div>)}
      </div>
    </div>;
};

You do not need special phrases. Describe what you want and Skye chooses the right approach. Here is what she can do today.

## Conversation with the thread

Skye keeps the current conversation in mind, so follow-ups like "that one" or "make it shorter" just work. The thread is stored locally so she can continue across restarts.

* A new subject is a good moment for `/reset`. It starts a clean conversation and keeps what she remembers about you.
* `/catchup` gives you a short summary of the thread so far.

See [How Skye works](/under-the-hood) for the two kinds of memory.

## Voice

Send a voice note and it is transcribed. Ask for an answer as a voice message and she speaks it, choosing a fitting tone and pace. Video notes are transcribed too; the video itself is not watched.

## Images

* **Understand.** Send a photo or screenshot to describe it, read the text in it, or check a detail.
* **Create.** Ask for a picture. "A calm, minimal poster for a reading list."
* **Edit.** Reply to a photo with an instruction and she changes that photo.

Ask for several images when you want variants. Finished pictures arrive automatically as photos.

<ChatDemo
  turns={[
{ from: "you", kind: "image", tone: "slate", caption: "screenshot.png" },
{ from: "sky", text: "This is an invoice for €148.20. Two rows repeat, so the correct total is €96.40." },
]}
/>

*Illustrative, not a real transcript.*

## Documents and files

Send a file and Skye can work with it:

* PDF documents, read directly.
* Word, Excel, and PowerPoint files.
* Plain text, Markdown, CSV, JSON, code, and config files.
* Photos of documents, read as images.

Typical asks: "summarise this", "pull every date and amount", "compare these two versions", "find the risks". Unusual formats are handled in her workspace, below.

## Search and the web

Skye searches the web and reads pages you link, then answers with sources. She reads YouTube transcripts too, so you can ask what a video says with only a link.

## Files, code, and a private workspace

When a task needs real files or code, Skye uses an isolated workspace where she can:

* run shell commands and Python;
* read and write files;
* keep the workspace between messages, so a project from yesterday is still there;
* hand finished files back to you automatically.

Each person has their own workspace. In a group, the group shares one.

<Info>
  The workspace runs in a separate container with no access to the host. Whether it can reach the internet depends on how the instance is set up.
</Info>

## Memory

Skye can remember small facts you want kept: a preference, a name, a recurring instruction.

* Say "remember that ..." or ask her to save something.
* Say "forget ..." to remove it.
* Private memories stay private; group memories are shared with the group.
* Turn memory off, or delete everything saved, in Settings.

## Projects

Keep separate conversations for separate work. Each project has its own history and optional instructions. Read [Projects](/projects).

## Groups and topics

Skye works in groups and forum topics. Each topic has its own conversation; the group shares its settings and memory. Read [Write to her](/chat).

## Where she stops

* She does not watch video, only its transcript or a short placeholder.
* She does not run code on the host; code runs only in the isolated workspace.
* She can be wrong. Check important facts.

<Card title="Extend her" icon="plug" href="/tools" horizontal>
  Connectors, skills, custom agents, and automations.
</Card>