TETRA2000/export-project
.claude/skills/export-project/SKILL.md
Bundle a page and all its dependent components into a portable archive for sharing. Use when user says "export project", "bundle page", "package page", "export bundle", or wants to share a page with its dependencies.
testing
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add TETRA2000/figma-web-studio export-projectInstall 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 25, 2026, 9:35 PM1.8s1 file scanned
SKILL.md
- name:
- export-project
- description:
- Bundle a page and all its dependent components into a portable archive for sharing. Use when user says "export project", "bundle page", "package page", "export bundle", or wants to share a page with its dependencies.
- allowed-tools:
- Bash, Read, Write, Edit, Glob, Grep
Export Project Skill
Parameters
- route (required): Page route to export (e.g., "about")
Workflow
1. Identify Dependencies
- Read the page file at
src/pages/{route}/index.tsx - Trace all import statements to identify component dependencies
- Recursively resolve component-to-component dependencies
- Identify design token references
2. Generate Manifest
Create a manifest listing all included assets:
{
"version": "1.0",
"exportedAt": "2026-03-15T00:00:00Z",
"page": {
"route": "{route}",
"filePath": "src/pages/{route}/index.tsx"
},
"components": [
{
"name": "ComponentName",
"directory": "src/components/ComponentName/",
"files": ["ComponentName.tsx", "ComponentName.stories.tsx"]
}
],
"tokens": ["src/index.css"]
}
3. Create Archive
Bundle all files into a .tar.gz archive:
tar -czf exports/{route}.tar.gz manifest.json src/pages/{route}/ src/components/{deps}/ src/index.css
Output to exports/{route}.tar.gz
4. Report
List all included files with sizes.
Output
Report:
- Archive path:
exports/{route}.tar.gz - Archive size
- Files included (page, components, tokens)
- Manifest contents
Related Skills
TETRA2000/sync-from-figma
development
VerifiedTrustedCommunity
Fetch current Figma design state and apply changes back to React code. Use when user says "sync from Figma", "pull Figma changes", "update from Figma", "apply Figma changes", or wants to bring Figma edits into code.
SKILL.mdUpdated Apr 17, 2026
TETRA2000/playwright-cli
tools
VerifiedTrustedCommunity
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
SKILL.mdUpdated Apr 17, 2026
TETRA2000/import-project
testing
VerifiedTrustedCommunity
Import an exported project archive, placing assets into the correct directories. Use when user says "import project", "import bundle", "import package", "unpack project", or has a .tar.gz archive to import.
SKILL.mdUpdated Apr 17, 2026
TETRA2000/export-to-figma
tools
VerifiedTrustedCommunity
Push React components and pages to Figma using the Figma MCP server. Use when user says "export to Figma", "push to Figma", "create Figma design", "send to Figma", or wants to create a Figma design from code.
SKILL.mdUpdated Apr 17, 2026