Nurblings for coding agents

One skill gives your agent the package choice, the seeding rules, accessible names, theming and motion: the parts it would otherwise have to guess.

npx skills add albertesparragoza/nurblings

Works with Claude Code, Cursor, Codex, GitHub Copilot, Gemini CLI, Windsurf and any agent that reads skills.

Requests it handles

“Give every commenter an avatar.”

Installs the right package for your framework, seeds each avatar with the user id and names it for screen readers.

“Make the avatars match our brand.”

Builds one createNurblings palette, wires it app-wide and fixes any colour that fails contrast.

“Open the profile with the avatar gliding in.”

Adds a transition key in both places and wraps the change in morph(), with flushSync or nextTick where needed.

“The member list feels busy.”

Calms the motion for long lists, keeping the blink, and leaves reduced motion to the library.

The package and import for React, Next.js, Vue, Nuxt, Astro, Svelte, Angular and plain HTML.
The rules that matter: stable-id seeds, accessible titles, sizes and containers.
Motion, reduced motion and morph transitions, with the React and Vue timing details.
Brand palettes, and how to fix a colour the contrast check rejects.
The mistakes to avoid, and a checklist to verify the result.

It is plain Markdown in the repository: skills/nurblings/SKILL.md. Read it, fork it, or copy it into your own agent setup.

Crawlers and AI search get the usual standards too: llms.txt, llms-full.txt and a Markdown copy of every docs page, such as /docs/getting-started.md.