billy-briggs-dev/component-generation-flow
agent-skills/component-generation-flow/SKILL.md
Execute the canonical prompt-first job-bundle workflow for shadcnui-foundry components. Use when preparing per-framework agent jobs from registry artifacts and IR.
development
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add billy-briggs-dev/shadcnui-foundry component-generation-flowInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 9:03 PM1.8s1 file scanned
SKILL.md
- name:
- component-generation-flow
- description:
- Execute the canonical prompt-first job-bundle workflow for shadcnui-foundry components. Use when preparing per-framework agent jobs from registry artifacts and IR.
- compatibility:
- Requires built CLI and registry access (or offline cache).
- owner:
- shadcnui-foundry
- version:
- 1.1
Component Generation Flow
When to use this skill
Use this skill when the user asks to create component job bundles for one or all frameworks.
Steps
- Build the CLI package:
pnpm --filter @shadcnui-foundry/cli build
- Create job bundles for all frameworks (default behavior):
pnpm --filter @shadcnui-foundry/cli run foundry <component>
- Optional explicit single-framework job creation:
pnpm --filter @shadcnui-foundry/cli run foundry jobs-create <component> --framework <react|vue|svelte|angular|lit>
- Inspect generated jobs:
pnpm --filter @shadcnui-foundry/cli run foundry -- jobs <component>
- Confirm bundle outputs exist for each target framework:
packages/cli/.foundry/agent-jobs/<framework>/<component>/artifact.jsonpackages/cli/.foundry/agent-jobs/<framework>/<component>/ir.jsonpackages/cli/.foundry/agent-jobs/<framework>/<component>/prompt.md
Outputs
- Shared cache bundle:
packages/cli/.foundry/agent-jobs/_shared/<component>/artifact.jsonpackages/cli/.foundry/agent-jobs/_shared/<component>/ir.json
- Framework bundles:
packages/cli/.foundry/agent-jobs/react/<component>/...packages/cli/.foundry/agent-jobs/vue/<component>/...packages/cli/.foundry/agent-jobs/svelte/<component>/...packages/cli/.foundry/agent-jobs/angular/<component>/...packages/cli/.foundry/agent-jobs/lit/<component>/...
Safety checks
- Never silently overwrite generated source files.
- Do not make direct registry HTTP calls from library packages.
- Treat
ir.jsonas canonical when implementation details conflict with prompt wording.
Validation
- For CLI changes, run:
pnpm --filter @shadcnui-foundry/cli test -- jobs-create.test.ts
- For downstream framework implementation changes, run targeted package tests and parity checks.
Related Skills
billy-briggs-dev/storybook-playground-parity
development
VerifiedTrustedCommunity
Keep Storybook setup and generated preview stories aligned across playground apps. Use when adding or updating framework playground experiences.
SKILL.mdUpdated Apr 17, 2026
billy-briggs-dev/safe-generated-file-updates
devops
VerifiedTrustedCommunity
Update generated artifacts safely without drifting from pipeline source of truth. Use when generated files or snapshots are modified.
SKILL.mdUpdated Apr 17, 2026
billy-briggs-dev/run-agent-jobs
development
VerifiedTrustedCommunity
Execute framework-specific implementation jobs from job bundles (`prompt.md`, `ir.json`, `artifact.json`) and validate outputs package-by-package.
SKILL.mdUpdated Apr 17, 2026
billy-briggs-dev/framework-parity-checks
development
VerifiedTrustedCommunity
Evaluate cross-framework parity for generated components and accessibility metadata. Use when emitter behavior changes or parity regressions are suspected.
SKILL.mdUpdated Apr 17, 2026