aiskin

Beautiful, ready-made UI for WRKS AI agents — a ChatGPT-grade chat screen, a floating chatbot, and an executive briefing dashboard. One install.

Live demos & 한국어 가이드: https://aiskin.onpod.ai

npm install aiskin

import { AiSkinClient, AgentChat, AgentBriefing } from 'aiskin';
import 'aiskin/styles.css';

const client = new AiSkinClient({ baseUrl: '/api/aiskin' }); // key stays on your server

<AgentChat client={client} agentId={12} title="사내 규정 비서" />
<AgentBriefing client={client} agentId={7} question="주간 경영 브리핑 만들어줘" />

Keep your API key on the server with the bundled proxy:

// app/api/aiskin/[...path]/route.ts (Next.js)
import { createAiSkinHandler } from 'aiskin/proxy';
const handler = createAiSkinHandler({ apiKey: process.env.WRKS_API_KEY!, basePath: '/api/aiskin' });
export { handler as GET, handler as POST, handler as OPTIONS };

14 built-in themes (data-as-theme): editorial · porcelain · aurora · terracotta · monolith · impact · playground · daylight · cosmos · midnight · executive · neon · boardroom · terminal. Brand color: .aiskin { --as-accent: #yourcolor }.

This is an umbrella over aiskin-core, aiskin-react and aiskin-proxy — install those directly if you only need one layer. Script-tag widget (no React): aiskin-widget.

AIskin is an independent SDK, not an official wrks.ai product. MIT.