workleap-squide
✓Squide is a React modular application shell for Workleap web applications. Use this skill when: (1) Creating or modifying Squide host applications or modules (2) Registering routes, navigation items, or MSW request handlers (3) Working with FireflyRuntime, initializeFirefly, or AppRouter (4) Setting up integrations: TanStack Query, i18next, LaunchDarkly, Honeycomb, MSW, Storybook (5) Implementing deferred registrations or conditional navigation items (6) Fetching global public/protected data with usePublicDataQueries/useProtectedDataQueries (7) Using Squide hooks: useNavigationItems, useRenderedNavigationItems, useIsBootstrapping, useLogger, useEventBusListener, useEventBusDispatcher, useEnvironmentVariable, useFeatureFlag (8) Implementing error boundaries in modular applications (9) Questions about modular architecture patterns in React applications
Installation
SKILL.md
Squide is a React modular application shell. Use only documented APIs.
Runtime The FireflyRuntime instance is the backbone of a Squide application. Never instantiate directly - use initializeFirefly().
Modular Registration Modules register routes, navigation items, and MSW handlers via a registration function. Each module contributes its own configuration, assembled by the host at bootstrapping.
Squide is a React modular application shell for Workleap web applications. Use this skill when: (1) Creating or modifying Squide host applications or modules (2) Registering routes, navigation items, or MSW request handlers (3) Working with FireflyRuntime, initializeFirefly, or AppRouter (4) Setting up integrations: TanStack Query, i18next, LaunchDarkly, Honeycomb, MSW, Storybook (5) Implementing deferred registrations or conditional navigation items (6) Fetching global public/protected data with usePublicDataQueries/useProtectedDataQueries (7) Using Squide hooks: useNavigationItems, useRenderedNavigationItems, useIsBootstrapping, useLogger, useEventBusListener, useEventBusDispatcher, useEnvironmentVariable, useFeatureFlag (8) Implementing error boundaries in modular applications (9) Questions about modular architecture patterns in React applications Source: workleap/wl-squide.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/workleap/wl-squide --skill workleap-squide- Source
- workleap/wl-squide
- Category
- {}Data Analysis
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is workleap-squide?
Squide is a React modular application shell for Workleap web applications. Use this skill when: (1) Creating or modifying Squide host applications or modules (2) Registering routes, navigation items, or MSW request handlers (3) Working with FireflyRuntime, initializeFirefly, or AppRouter (4) Setting up integrations: TanStack Query, i18next, LaunchDarkly, Honeycomb, MSW, Storybook (5) Implementing deferred registrations or conditional navigation items (6) Fetching global public/protected data with usePublicDataQueries/useProtectedDataQueries (7) Using Squide hooks: useNavigationItems, useRenderedNavigationItems, useIsBootstrapping, useLogger, useEventBusListener, useEventBusDispatcher, useEnvironmentVariable, useFeatureFlag (8) Implementing error boundaries in modular applications (9) Questions about modular architecture patterns in React applications Source: workleap/wl-squide.
How do I install workleap-squide?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/workleap/wl-squide --skill workleap-squide Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/workleap/wl-squide
Details
- Category
- {}Data Analysis
- Source
- skills.sh
- First Seen
- 2026-02-01