Skip to content
Development
Agent

working-on-ui-components

When changing `@rozenite/ui`:

@callstackincubatorcallstackincubator@callstackincubator
From plugin
rozenite
6433 skills3 agents
Install
$ npx -y skills add callstackincubator/rozenite --agent claude-code

How it fires

How this agent gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.

Context preview

The summary Claude sees to decide when to auto-load this agent.

When changing `@rozenite/ui`:

Agent definition

working-on-ui-components.md

Working on UI components

When changing `@rozenite/ui`:

  • Use Storybook in `apps/ui-storybook` to develop and test the component.
  • Start it from the repo root: `pnpm start:ui-storybook`.
  • Find stories in `apps/ui-storybook/src/stories`.
  • Add or update the story for every behavior you change.
  • Use `agent-browser` for browser interactions and visual checks.
  • Load its CLI instructions first: `agent-browser skills get agent-browser`.
  • Open Storybook at `http://localhost:6006`.
Read it on GitHub ↗
Ships withrozenite

Plug-and-play panels for React Native DevTools. Install, enable, and start debugging in minutes.

Get the whole plugin
Stats
TypeScriptJavaScriptNodeReactReact Native
+1 tag
GitHub
643
Stars
47
Forks
Active
Maintenance
TypeScript
Language
MIT
License
1h ago
Last commit
1y ago
Created

Repo: callstackincubator/rozenite

In this plugin
3 agents2 skills
See everything inside

Other agents on rozenite.