# ui-development

> Claude/Codex skill by [@CrowdStrike](https://omgskills.com/library/crowdstrike/index.md) · 35 stars · Updated 2026-10-28

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.

Tags: foundry, ui, react, vue, shoelace, antigravity, claude-code, claude-code-plugin, codex, copilot, cursor, falcon-foundry

## Install

```sh
git clone https://github.com/CrowdStrike/foundry-skills /tmp/foundry-skills && ln -s /tmp/foundry-skills/skills/ui-development ~/.claude/skills/ui-development
```

## From 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.

## Links

- HTML page: https://omgskills.com/library/crowdstrike/foundry-skills/ui-development/
- GitHub: https://github.com/CrowdStrike/foundry-skills
- Author: [@CrowdStrike](https://omgskills.com/library/crowdstrike/index.md)

## More from this repo

- [fusion-redirect](https://omgskills.com/library/crowdstrike/foundry-skills/skills/fusion-redirect/index.md) — TRIGGER when user asks for a "standalone Falcon Fusion workflow" that needs NO Foundry app — just a trigger plus...
   - [@crowdstrike](https://omgskills.com/library/crowdstrike/index.md) · 35 stars

## More skills by this author

- [foundry-redirect](https://omgskills.com/library/crowdstrike/fusion-skills/skills/foundry-redirect/index.md) — TRIGGER when the user asks to "build a Foundry app", "create a Foundry app", mentions manifest.yml, or needs a UI...
   - [@crowdstrike](https://omgskills.com/library/crowdstrike/index.md) · 27 stars