skills.rest
CrowdStrike
CrowdStrikeOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ui-development

Scaffold React or Vue UI pages with Falcon Foundry theme integration.

24|3|Updated Apr 7, 2026
Search Tags:#React#design system#UI#scaffolding#extension#Vue#falcon
One-click install
npx skills add https://github.com/CrowdStrike/foundry-skills --skill ui-development-crowdstrike
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-development
Source: https://github.com/CrowdStrike/foundry-skills/tree/main/skills/ui-development
Command: npx skills add https://github.com/CrowdStrike/foundry-skills --skill ui-development-crowdstrike

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @crowdstrike/falcon-shoelace, @crowdstrike/foundry-js, vite, react, vue, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables developers to build consistent, theme-compliant user interfaces for Falcon Foundry applications, streamlining UI creation and deployment.

Core Features & Use Cases

  • UI Page and Extension Scaffolding: Provides command-line tools to generate React or Vue-based pages and extensions integrated with Falcon SDK.
  • Design System Integration: Ensures UI components follow Falcon’s Shoelace design system and theme consistency for dark and light modes.
  • Use Case: Quickly scaffold a dashboard page or a platform extension to display detection data within the Falcon console.

Quick Start

Use the ui-development skill to scaffold a new React UI page and connect it with Falcon SDK for real-time updates.

Frequently Asked Questions about ui-development

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a React UI page for Falcon Foundry?▼

You can scaffold a React UI page for Falcon Foundry using command-line tools provided here, which generate application pages integrated with the Falcon SDK for real-time updates and deployment.

Can I use Vue instead of React to build Falcon platform extensions?▼

Yes, you can use Vue to build Falcon platform extensions. The scaffolding tools support both React and Vue, allowing you to generate theme-aware extensions integrated with the Falcon SDK.

Does Falcon UI development support dark and light theme integration?▼

Yes, Falcon UI development supports dark and light theme integration. It ensures all generated interface components follow the Falcon Shoelace design system for visual consistency.

What dependencies do I need to set up a Falcon Foundry extension?▼

To set up a Falcon Foundry extension, you need Vite, React or Vue, and the Falcon-JS SDK. Platform integration also requires the @crowdstrike/falcon-shoelace and @crowdstrike/foundry-js packages.

What is the best way to display detection data within the Falcon console?▼

The best way to display detection data within the Falcon console is to scaffold a custom dashboard page or platform extension. This connects your UI directly with the Falcon SDK for real-time security data updates.

Are there limitations when using Vite for Falcon UI page scaffolding?▼

Vite is a required dependency for Falcon UI page scaffolding, but the tools specifically focus on generating theme-compliant pages for Falcon Foundry rather than general web applications.

Related Skills

Explore More Design & Creative Skills→
PostHogPostHog
58

instrument-integration

Instrument PostHog SDKs across popular web and mobile frameworks with verified configuration.

Official
Advanced
lv7devlv7dev

shopify

Build Shopify apps, extensions, and themes using GraphQL/REST APIs and Liquid templates.

Community
Advanced
adnanmuelleradnanmueller
2

senior-frontend-engineer

Translate design specs and API contracts into Next.js frontend interfaces.

Community
Advanced
BigdropsBigdrops
1

konsta-ui

Develop iOS and Material Design UI components for Capacitor apps with React, Vue, or Svelte.

Community
Intermediate