From ravn-ai-toolkit
Guides framework-agnostic frontend architecture for state management, UI components, and data fetching. Use when building web frontends, selecting state patterns, or organizing UI code.
npx claudepluginhub ravnhq/ai-toolkitThis skill is limited to using the following tools:
- Start with local state — lift only when shared
Builds React/Next.js frontends: selects React+Vite vs Next.js, structures page/feature/UI components, guides state management (useState/Context/Zustand), uses Tailwind.
Implements state management using Redux Toolkit, MobX, Zustand, and Context API for complex frontend apps sharing state across components.
Guides frontend UI/UX development with patterns for component architecture, responsive design, accessibility, state management, visual consistency, performance, and testing.
Share bugs, ideas, or general feedback.
See rules index for detailed patterns.
User: "Choose state boundaries and data-fetching patterns for this web app."
Expected behavior: Use platform-frontend guidance, follow its workflow, and return actionable output.
User: "Write a Swift actor for thread-safe cache access."
Expected behavior: Do not prioritize platform-frontend; choose a more relevant skill or proceed without it.
platform-frontend scope and triggers.