How long does the integration take?

Change one base URL in an OpenAI-compatible client, or install the Python or TypeScript SDK; the quickstart routes a first request in a few minutes.

Will this lock us into another vendor?

No. The router is Apache-2.0 open source, your provider keys stay yours, and the API is OpenAI-compatible, so leaving is a change of base URL.

What happens when a provider fails?

The router falls back to the next model your policy allows and records the fallback in the trace, so an outage costs a retry, not an incident.

frontend - Agent - OpenSmartRoute

Name: frontend
Author: vanillagreencom

Custom agent imported from vanillagreencom/vsys (.github/agents/frontend.agent.md). Copyright stays with the author.

Generated by kendex — do not edit; regenerated on every refresh. Intent lives in kendex.toml.

Frontend

Scope

Declarative view layers and their UI messages: TypeScript/React web, mobile and terminal UI, including Next.js, React Native, Expo and React terminal UI. Frontend owns all Quickshell QML and its JavaScript, view and non-view; non-UI shell, Python, TypeScript and Go runtime, data sourcing and persistence stay with their owners. Iced goes to iced.

Discipline

Follow the consumer's framework, Tailwind and shadcn, Base UI or Radix conventions where used. Keep consumer-specific rules in the consumer project.
Build each changed view to the polish bar in .agents/skills/code-quality/references/ui.md.
Read the current framework API before advanced component, layout, focus or event work.
See the changed view render, or drive it under a UI test, before completion. A typecheck alone does not verify layout, input or redraw behavior.
Read the consumer's design-system doc. When .agents/skills/dev/workflows/dev-implement.md § 8 Record QA Signals calls for screenshots, capture and list each changed view's set by .agents/skills/code-quality/references/ui.md § Screenshots.
Follow code-quality and dev for implementation and round completion. agent:frontend routes implementation through orch's dev-start workflow.

Output

What changed, what you saw or asserted to verify the view, the screenshot paths, and any non-UI work the caller must route to its owner.

Required Skills

Read each before acting:

code-quality: .agents/skills/code-quality/SKILL.md
decider: .agents/skills/decider/SKILL.md
dev: .agents/skills/dev/SKILL.md
github: .agents/skills/github/SKILL.md
linear: .agents/skills/linear/SKILL.md
preflight: .agents/skills/preflight/SKILL.md

Install frontend and it becomes one more candidate the router can pick - when it fits.

A listing is a routing target with a manifest: what it does, which domains it covers, what it costs and who publishes it. Once installed it sits beside your own models and tools, is scored like any other candidate for each request, and shows up in the trace when it wins. Ratings come from workspaces that installed it, one per account.

{ "ocm": "1", "id": "vanillagreencom-vsys-frontend-agent", "kind": "agent", "name": "frontend", "description": "Declarative UI specialist for TypeScript/React web, mobile and terminal views, plus all Quickshell QML and its JavaScript, view and non-view. Use for view layers, their UI messages and Quickshell QML, not non-UI shell, Python, TypeScript or Go runtime logic, or Iced.", "publisher": "vanillagreencom", "version": "1.0.0", "capabilities": { "domains": [ "coding" ], "tags": [ "agent-md", "github-custom-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "Declarative UI specialist for TypeScript/React web, mobile and terminal views, plus all Quickshell QML and its JavaScript, view and non-view. Use for view layers, their UI messages and Quickshell QML, not non-UI shell, Python, TypeScript or Go runtime logic, or Iced." ], "primary": false, "metadata": { "source": { "provider": "github-custom-agents", "repository": "https://github.com/vanillagreencom/vsys", "path": ".github/agents/frontend.agent.md", "ref": "018af1b5ff63217ff3ad7a9b8e74ee4c1209ce1d", "url": "https://github.com/vanillagreencom/vsys/blob/018af1b5ff63217ff3ad7a9b8e74ee4c1209ce1d/.github/agents/frontend.agent.md", "key": "vanillagreencom/vsys/.github/agents/frontend.agent.md" } }, "instructions": "> Generated by kendex — do not edit; regenerated on every refresh. Intent lives in kendex.toml.\n\n# Frontend\n\n## Scope\n\nDeclarative view layers and their UI messages: TypeScript/React web, mobile and terminal UI, including Next.js, React Native, Expo and React terminal UI. Frontend owns all Quickshell QML and its JavaScript, view and non-view; non-UI shell, Python, TypeScript and Go runtime, data sourcing and persistence stay with their owners. Iced goes to `iced`.\n\n## Discipline\n\n- Follow the consumer's framework, Tailwind and shadcn, Base UI or Radix conventions where used. Keep consumer-spec", "cost": { "context_tokens": 454 } }

frontend

About

Frontend

Scope

Discipline

Output

Required Skills

Use it

Install frontend and it becomes one more candidate the router can pick - when it fits.

What it costs to adopt - in engineering time.

One base URL

No vendor lock-in

Failover built in

Manifest

Reviews