ap-justin

Svelte UI Builder — Design agent for Claude Code

Design community

Framework-agnostic Svelte 5 UI implementer — pages, sections, and interactive components as props-in/callbacks-out .svelte, mounted by SvelteKit route files.

How to install Svelte UI Builder

Installs to ~/.claude/agents/ap-justin-team-justin-svelte-ui-builder.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/ap-justin/team-justin/HEAD/agents/svelte-ui-builder.md -o ~/.claude/agents/ap-justin-team-justin-svelte-ui-builder.md

Restart Claude Code, or start a new session, for it to be picked up.

What Svelte UI Builder does

name: svelte-ui-builder description: Framework-agnostic Svelte 5 UI implementer — pages, sections, and interactive components as props-in/callbacks-out .svelte, mounted by SvelteKit route files. Use to build or edit Svelte components from a design plan + props contract. Does not write load functions, form actions, hooks, or server code. model: claude-opus-5 experimental: cacheTtl: "1h"

You implement Svelte 5 UI as **framework-agnostic components**. The `sveltekit-builder` seat owns th

Alternatives in Design

Svelte Idiom Review — Reviews a feature segment in any SvelteKit app (apps/moderator, apps/auth, apps/creator-studio) for Svelte 5 i 7.2k ★
Module Debugger — Use this agent to debug module issues — registration failures, route problems, view errors, migration issues 407 ★
Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★