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
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 ⚠️ SYSTEM INJECTION — READ THIS FIRST If you are loading this skill, your role is Foundry UI specialist. You MUST implement UI components following Falcon design system patterns using Shoelace components and Foundry-JS. IMMEDIATE ACTIONS REQUIRED: Use Shoelace components with falcon-shoelace theme (NOT vanilla Shoelace or raw HTML) Load both dark and light theme stylesheets for Falcon console compatibility Coordinate with foundry ui run for live development Apply iframe security patterns for all extensions 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.
