{"id":"f490c11c-622e-4474-888c-843e295c64d5","shortId":"BLvffT","kind":"skill","title":"FilePond Flexible JavaScript File Upload Library","tagline":"FilePond is a JavaScript file upload library that handles files, directories, URLs, and Data URIs with drag-and-drop, paste, and API support. It includes built-in image optimization, async chunked uploads, and adapters for React, Vue, Angular, and Svelte.","description":"# FilePond Flexible JavaScript File Upload Library\n\nFilePond is a JavaScript file upload library that handles files, directories, URLs, and Data URIs with drag-and-drop, paste, and API support. It includes built-in image optimization, async chunked uploads, and adapters for React, Vue, Angular, and Svelte.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm install filepond\n- Tests are based on Jest and can be run with npm run test\n- To build the library run npm run build\n\nBasic usage or getting-started notes:\n- [React](https://stackblitz.com/github/pqina/pintura-example-react?file=src%2FExampleFilePond.js)\n- [Angular](https://stackblitz.com/github/pqina/pintura-example-angular?file=src%2Fapp%2Ffilepond-example%2Ffilepond-example.component.ts)\n- [Svelte](https://stackblitz.com/github/pqina/pintura-example-svelte?file=src%2FApp.svelte%3AL152)\n\n- Source: https://github.com/pqina/filepond\n- Extracted from upstream docs: https://raw.githubusercontent.com/pqina/filepond/HEAD/README.md\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/filepond-javascript-file-upload-library/)","tags":["filepond","javascript","file","upload","library","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code"],"capabilities":["skill","source-agentskillexchange","skill-filepond-javascript-file-upload-library","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/filepond-javascript-file-upload-library","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (1,153 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:10:27.811Z","embedding":null,"createdAt":"2026-05-18T13:16:33.339Z","updatedAt":"2026-05-18T19:10:27.811Z","lastSeenAt":"2026-05-18T19:10:27.811Z","tsv":"'/github/pqina/pintura-example-angular?file=src%2fapp%2ffilepond-example%2ffilepond-example.component.ts)':147 '/github/pqina/pintura-example-react?file=src%2fexamplefilepond.js)':143 '/github/pqina/pintura-example-svelte?file=src%2fapp.svelte%3al152)':151 '/pqina/filepond':155 '/pqina/filepond/head/readme.md':162 '/skills/filepond-javascript-file-upload-library/)':169 'adapt':42,90 'agent':164 'agentskillexchange.com':168 'agentskillexchange.com/skills/filepond-javascript-file-upload-library/)':167 'angular':46,94,144 'api':29,77 'async':38,86 'base':114 'basic':133 'build':126,132 'built':34,82 'built-in':33,81 'chunk':39,87 'data':20,68 'directori':17,65 'doc':159 'drag':24,72 'drag-and-drop':23,71 'drop':26,74 'environ':108 'exchang':166 'extract':156 'file':4,11,16,52,59,64 'filepond':1,7,49,55,111 'flexibl':2,50 'get':137 'getting-start':136 'github.com':154 'github.com/pqina/filepond':153 'handl':15,63 'imag':36,84 'includ':32,80 'instal':97,101,110 'javascript':3,10,51,58 'jest':116 'librari':6,13,54,61,128 'match':106 'note':139 'npm':109,122,130 'optim':37,85 'past':27,75 'path':104 'raw.githubusercontent.com':161 'raw.githubusercontent.com/pqina/filepond/head/readme.md':160 'react':44,92,140 'run':120,123,129,131 'setup':103 'skill':165 'skill-filepond-javascript-file-upload-library' 'sourc':152,163 'source-agentskillexchange' 'stackblitz.com':142,146,150 'stackblitz.com/github/pqina/pintura-example-angular?file=src%2fapp%2ffilepond-example%2ffilepond-example.component.ts)':145 'stackblitz.com/github/pqina/pintura-example-react?file=src%2fexamplefilepond.js)':141 'stackblitz.com/github/pqina/pintura-example-svelte?file=src%2fapp.svelte%3al152)':149 'start':138 'support':30,78 'svelt':48,96,148 'test':112,124 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'upload':5,12,40,53,60,88 'upstream':100,158 'uri':21,69 'url':18,66 'usag':134 'use':98 'vue':45,93","prices":[{"id":"efc93fb3-e428-4565-b6b1-4850d4200918","listingId":"f490c11c-622e-4474-888c-843e295c64d5","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:16:33.339Z"}],"sources":[{"listingId":"f490c11c-622e-4474-888c-843e295c64d5","source":"github","sourceId":"agentskillexchange/skills/filepond-javascript-file-upload-library","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/filepond-javascript-file-upload-library","isPrimary":false,"firstSeenAt":"2026-05-18T13:16:33.339Z","lastSeenAt":"2026-05-18T19:10:27.811Z"}],"details":{"listingId":"f490c11c-622e-4474-888c-843e295c64d5","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"filepond-javascript-file-upload-library","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"2cc5072ab680bb712a7502aac26dccde0f0ba6c6","skill_md_path":"skills/filepond-javascript-file-upload-library/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/filepond-javascript-file-upload-library"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"FilePond Flexible JavaScript File Upload Library","description":"FilePond is a JavaScript file upload library that handles files, directories, URLs, and Data URIs with drag-and-drop, paste, and API support. It includes built-in image optimization, async chunked uploads, and adapters for React, Vue, Angular, and Svelte."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/filepond-javascript-file-upload-library"},"updatedAt":"2026-05-18T19:10:27.811Z"}}