ui-development
Build UI pages and extensions for Falcon Foundry apps using React or Vue with the Shoelace design system and Foundry-JS. TRIGGER when user asks to "create a UI page", "build a UI extension", "add a Shoelace component", "call an API from the UI", runs `foundry ui pages create` or `foundry ui run`, or needs help with Vite config, Foundry-JS, or Falcon console theming. DO NOT TRIGGER for backend functions, workflow YAML, or collection schemas.
Install
With your agent
Install OMGSkills skill "CrowdStrike/foundry-skills:ui-development" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/CrowdStrike/foundry-skills /tmp/foundry-skills && ln -s /tmp/foundry-skills/skills/ui-development ~/.claude/skills/ui-developmentFrom README
Foundry UI Development Build UI with Shoelace components using the falcon-shoelace theme (not vanilla Shoelace or raw HTML), and load both the dark and light theme stylesheets so it matches the Falcon console. Use foundry ui run for live development, and apply the iframe security patterns to every extension. Part of a suite. If development-workflow has not already run, and this is a new app or its first capability, load the development-workflow skill first — it owns the CLI prerequisite check, scaffolding order, and manifest coordination. Falcon Foundry UI pages and extensions use React or Vue with the Shoelace design system (Falcon-themed) and Foundry-JS for platform integration. Pages vs Extensions If the user doesn't specify page or extension, ask which they prefer before scaffolding.
