foundry-nextgen-frontend
CommunityBuild elegant Foundry-frontends with ease.
AuthorJaylaelike
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps teams implement polished frontend UIs by applying a consistent Foundry NextGen design system, eliminating repetitive setup and guesswork.
Core Features & Use Cases
- Predefined design tokens, patterns, and components that enforce neutral dark aesthetics, motion, and spacing.
- Reusable patterns for dashboards, agent builders, data grids, and entity-management interfaces, plus app shell and modular layouts.
- Use Case: rapidly scaffold a new Foundry-themed frontend, then extend with components and tokens while maintaining visual consistency and accessibility.
Quick Start
pnpm create vite@latest my-foundry-app --template react-ts cd my-foundry-app pnpm add lucide-react recharts
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: foundry-nextgen-frontend Download link: https://github.com/Jaylaelike/pm25-interactive-thaipbs-app/archive/main.zip#foundry-nextgen-frontend Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.