Aberdeen UI Guidance

What it does

This skill provides practical, assistant-friendly guidance for authoring user interfaces with the Aberdeen library, a fine-grained reactive UI toolkit that uses JavaScript proxies instead of a virtual DOM. The content teaches best practices for state handling, list rendering, event wiring, transitions, routing, and optimistic updates so an AI assistant can produce correct, efficient UI code and developer guidance.

When to use it

Invoke this skill when an agent needs to generate Aberdeen-compatible UI code snippets, advise on reactive patterns, refactor components to avoid unnecessary rerenders, or explain how to apply optimistic updates and routing. It is useful in pair-programming flows, code generation, and linting or transform suggestions for projects that use Aberdeen.

What's included

• Scripts: none bundled in the repo, but the skill references several markdown docs (aberdeen.md, route.md, dispatcher.md, transitions.md, prediction.md) as implementation references.
• References: API primitives and conventions such as A, proxy, onEach, ref, derive, map, partition, runQueue and guidance notes for assistant behavior.
• Instructions: explicit advice like preferring observables, using onEach for lists, and naming conventions to minimize accidental subscriptions.

Compatible agents

Agents that generate JavaScript or TypeScript snippets (Copilot-style or Codex-like code assistants, Claude Code) will benefit most from this guidance when producing UI code.