メニュー
How to use @owlmeans/client — platform-agnostic React client framework (works with web and React Native) providing context, components, services, navigate, store. Auto-invoked when importing client framework primitives.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
PK-based supervisor authentication — a development-only login where a holder of one of the project's trusted private keys mints a token for any user id/email (registering them on first use), bypassing external IdPs. Primary use is end-to-end tests. Covers appendSupervisorAuth (server + web), the supervisor plugin, and the @owlmeans/test-ui helpers. Use when wiring or testing supervisor auth.
How to use @owlmeans/web-auth — web client auth plugins that register into @owlmeans/client-auth/manager. Currently ships the development-only PK-based supervisor login form (appendSupervisorAuth). Auto-invoked when importing @owlmeans/web-auth.
Discovery-first, reuse-first workflow for OwlMeans projects. Use BEFORE planning or building any feature, before proposing a third-party library or a custom solution, and after writing code. Find an existing @owlmeans/* package or existing code first; extend before writing new; simplify what you write.
How to scaffold a new OwlMeans Common project — the @owlmeans/create-app CLI (npm/bun/yarn create), its flags, what it generates, and the manual alternative. Use when asked to create/bootstrap/start a new OwlMeans app or set up a fresh project.
Discovery-first, reuse-first workflow for OwlMeans projects. Use BEFORE planning or building any feature, before proposing a third-party library or a custom solution, and after writing code. Find an existing @owlmeans/* package or existing code first; extend before writing new; simplify what you write.
How to scaffold a new OwlMeans Common project — the @owlmeans/create-app CLI (npm/bun/yarn create), its flags, what it generates, and the manual alternative. Use when asked to create/bootstrap/start a new OwlMeans app or set up a fresh project.
| name | client |
| description | How to use @owlmeans/client — platform-agnostic React client framework (works with web and React Native) providing context, components, services, navigate, store. Auto-invoked when importing client framework primitives. |
| user-invocable | false |
Layer: Client
Install: "@owlmeans/client": "^0.1.11" in dependencies
| Export | Description |
|---|---|
App / context helpers | Mount the React app, provide context |
navigate helpers | Programmatic navigation via the router service |
module helpers | Resolve modules by alias |
store helpers | Client store integration |
components | Cross-platform components (e.g. error boundaries) |
value, debug | Render-time helpers |
| Errors | Client-side typed errors |
| Constants | Default aliases |
./utils — generic client utilitiesThis is the platform-agnostic substrate that @owlmeans/web-client (browser) and the native equivalent build on. Most apps import from @owlmeans/web-client directly; use @owlmeans/client only for cross-platform code.
import { navigate } from '@owlmeans/client'
const navigateTo = navigate(context)
navigateTo('/projects')
@owlmeans/client-context, @owlmeans/client-entrypoint, @owlmeans/client-route@owlmeans/router, @owlmeans/auth-commonreact (peer)