Henry Li
29 lines
761 B
TypeScript
29 lines
761 B
TypeScript
"use client";
|
|
|
|
import { cn } from "@/lib/utils";
|
|
|
|
import ProgressiveSkillsAnimation from "../progressive-skills-animation";
|
|
import { Section } from "../section";
|
|
|
|
export function SkillsSection({ className }: { className?: string }) {
|
|
return (
|
|
<Section
|
|
className={cn("h-[calc(100vh-64px)] w-full bg-white/2", className)}
|
|
title="Agent Skills"
|
|
subtitle={
|
|
<div>
|
|
Agent Skills are loaded progressively — only what's needed, when
|
|
it's needed.
|
|
<br />
|
|
Extend DeerFlow with your own skill files, or use our built-in
|
|
library.
|
|
</div>
|
|
}
|
|
>
|
|
<div className="relative overflow-hidden">
|
|
<ProgressiveSkillsAnimation />
|
|
</div>
|
|
</Section>
|
|
);
|
|
}
|