[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"workflow-asset-09935623":3,"seo:featured-workflow:09935623-4ee7-11f1-9bc6-00163e2b0d79:zh":84,"workflow-related-asset-09935623-09935623-4ee7-11f1-9bc6-00163e2b0d79":85},{"id":4,"uuid":5,"slug":6,"title":7,"description":8,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":13,"fork_count":12,"vote_count":12,"view_count":12,"parent_id":12,"parent_uuid":13,"lang_type":14,"steps":15,"tags":22,"has_voted":28,"visibility":18,"share_token":13,"is_featured":12,"content_hash":29,"asset_kind":30,"target_tools":31,"install_mode":35,"entrypoint":19,"risk_profile":36,"dependencies":38,"verification":44,"agent_metadata":47,"agent_fit":60,"trust":72,"provenance":81,"created_at":83,"updated_at":83},3646,"09935623-4ee7-11f1-9bc6-00163e2b0d79","asset-09935623","Tone.js — Web Audio Framework for Interactive Music","A TypeScript framework built on the Web Audio API that provides scheduling, synthesis, and effects for creating interactive music in the browser.","8a910e34-3180-11f1-9bc6-00163e2b0d79","Script Depot","https:\u002F\u002Ftokrepo.com\u002Fapple-touch-icon.png",0,"","en",[16],{"id":17,"step_order":18,"title":19,"description":13,"prompt_template":20,"variables":13,"depends_on":21,"expected_output":13},4219,1,"Tone.js Overview","# Tone.js — Web Audio Framework for Interactive Music\n\n## Quick Use\n```bash\nnpm install tone\n```\n```js\nimport * as Tone from \"tone\";\nconst synth = new Tone.Synth().toDestination();\nsynth.triggerAttackRelease(\"C4\", \"8n\");\n```\n\n## Introduction\nTone.js wraps the low-level Web Audio API in a musician-friendly abstraction layer. It handles the complexities of audio scheduling, timing, and synthesis so developers can focus on creating interactive music experiences, sound design tools, and audio visualizations in the browser.\n\n## What Tone.js Does\n- Provides a precise transport clock for scheduling musical events with sample-accurate timing\n- Includes built-in synthesizers (FM, AM, mono, poly) and sampler instruments\n- Offers audio effects like reverb, delay, distortion, chorus, and EQ\n- Handles audio context management and cross-browser compatibility automatically\n- Supports MIDI note values, frequency conversion, and musical time notation\n\n## Architecture Overview\nTone.js is structured around a Transport that acts as a global timeline for scheduling events. Audio nodes are connected in a signal graph mirroring the Web Audio API, but with higher-level abstractions. Sources generate audio, Effects process it, and the Destination routes it to speakers. The library uses its own clock system built on top of AudioContext.currentTime for drift-free scheduling.\n\n## Self-Hosting & Configuration\n- Install via npm or import from a CDN for quick prototyping\n- Initialize the audio context on a user gesture to comply with browser autoplay policies\n- Configure the Transport BPM, time signature, and loop points before scheduling\n- Load audio samples via the Sampler class with automatic buffering and format detection\n- Use Tone.Offline to render audio to a buffer without real-time playback\n\n## Key Features\n- Sample-accurate scheduling that avoids the timing issues of setTimeout and setInterval\n- Signal-rate parameter automation for smooth filter sweeps and volume envelopes\n- Built-in pattern sequencers for creating loops, arpeggios, and generative music\n- Supports AudioWorklet for custom DSP processing alongside built-in nodes\n- Works with modern frameworks like React, Vue, and Svelte without special adapters\n\n## Comparison with Similar Tools\n- **Howler.js** — focused on sound playback and sprite sheets, not synthesis or sequencing\n- **Pizzicato.js** — simpler API for basic audio effects, but lacks advanced scheduling\n- **Web Audio API (raw)** — full control but requires significant boilerplate for musical applications\n- **FMOD \u002F Wwise** — professional game audio middleware, not browser-native\n\n## FAQ\n**Q: Does Tone.js work on mobile browsers?**\nA: Yes, but audio context must be started from a user interaction (tap or click) due to browser autoplay restrictions.\n\n**Q: Can I load my own audio samples?**\nA: Yes. The Sampler and Player classes accept URLs to audio files in WAV, MP3, OGG, and other browser-supported formats.\n\n**Q: Is Tone.js suitable for game audio?**\nA: It works well for web-based games that need music and sound effects with precise timing. For complex 3D spatialization, you may also need the raw PannerNode API.\n\n**Q: How large is the bundle?**\nA: The full library is approximately 150 KB minified and gzipped. Tree-shaking can reduce this if you only import specific modules.\n\n## Sources\n- https:\u002F\u002Fgithub.com\u002FTonejs\u002FTone.js\n- https:\u002F\u002Ftonejs.github.io","0",[23],{"id":24,"name":25,"slug":26,"icon":27},11,"Scripts","script","📜",false,"a9712c6c0d990f9be894049e1f2a7783672070e3666aed12f9d1957f356ce07e","skill",[32,33,34],"claude_code","codex","gemini_cli","single",{"executes_code":28,"modifies_global_config":28,"requires_secrets":37,"uses_absolute_paths":28,"network_access":28},[],{"npm":39,"pip":41,"brew":42,"system":43},[40],"tone",[],[],[],{"commands":45,"expected_files":46},[],[19],{"asset_kind":30,"target_tools":48,"install_mode":35,"entrypoint":19,"risk_profile":49,"dependencies":51,"content_hash":29,"verification":56,"inferred":59},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":50,"uses_absolute_paths":28,"network_access":28},[],{"npm":52,"pip":53,"brew":54,"system":55},[40],[],[],[],{"commands":57,"expected_files":58},[],[19],true,{"target":33,"score":61,"status":62,"policy":63,"why":64,"asset_kind":30,"install_mode":35},98,"native","allow",[65,66,67,68,69,70,71],"target_tools includes codex","asset_kind skill","install_mode single","markdown-only","policy allow","safe markdown-only Codex install","trust established",{"author_trust_level":73,"verified_publisher":28,"asset_signed_hash":29,"signature_status":74,"install_count":12,"report_count":12,"dangerous_capability_badges":75,"review_status":76,"signals":77},"established","hash_only",[],"unreviewed",[78,79,80],"author has published assets","content hash available","no dangerous capability badges",{"owner_uuid":9,"owner_name":10,"source_url":82,"content_hash":29,"visibility":18,"created_at":83,"updated_at":83},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fasset-09935623","2026-05-14 00:16:03",null,[86,139,186,233],{"id":87,"uuid":88,"slug":89,"title":90,"description":91,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":13,"fork_count":12,"vote_count":12,"view_count":92,"parent_id":12,"parent_uuid":13,"lang_type":14,"steps":93,"tags":94,"has_voted":28,"visibility":18,"share_token":13,"is_featured":12,"content_hash":96,"asset_kind":30,"target_tools":97,"install_mode":35,"entrypoint":98,"risk_profile":99,"dependencies":101,"verification":106,"agent_metadata":109,"agent_fit":121,"trust":123,"provenance":127,"created_at":129,"updated_at":130,"__relatedScore":131,"__relatedReasons":132,"__sharedTags":137},2300,"f34ab900-42fe-11f1-9bc6-00163e2b0d79","feathers-lightweight-real-time-api-framework-node-js-f34ab900","Feathers — Lightweight Real-Time API Framework for Node.js","Feathers is a lightweight web framework for building real-time applications and REST APIs with Node.js. It provides a service-oriented architecture that works with Express, Koa, or its own HTTP transport.",161,[],[95],{"id":24,"name":25,"slug":26,"icon":27},"b4722982610e0e5dd2dfa06cfd8c19c94b16c5d68656da48ff339bd105f4abd4",[32,33,34],"Feathers Overview",{"executes_code":28,"modifies_global_config":28,"requires_secrets":100,"uses_absolute_paths":28,"network_access":28},[],{"npm":102,"pip":103,"brew":104,"system":105},[],[],[],[],{"commands":107,"expected_files":108},[],[98],{"asset_kind":30,"target_tools":110,"install_mode":35,"entrypoint":98,"risk_profile":111,"dependencies":113,"content_hash":96,"verification":118},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":112,"uses_absolute_paths":28,"network_access":28},[],{"npm":114,"pip":115,"brew":116,"system":117},[],[],[],[],{"commands":119,"expected_files":120},[],[98],{"target":33,"score":61,"status":62,"policy":63,"why":122,"asset_kind":30,"install_mode":35},[65,66,67,68,69,70,71],{"author_trust_level":73,"verified_publisher":28,"asset_signed_hash":96,"signature_status":74,"install_count":12,"report_count":12,"dangerous_capability_badges":124,"review_status":76,"signals":125},[],[126,78,79,80],"asset has usage views",{"owner_uuid":9,"owner_name":10,"source_url":128,"content_hash":96,"visibility":18,"created_at":129,"updated_at":130},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Ffeathers-lightweight-real-time-api-framework-node-js-f34ab900","2026-04-28 20:36:59","2026-05-14 02:35:02",118.31427252181395,[133,134,135,136],"topic-match","same-kind","same-target","same-author",[26,138],"scripts",{"id":140,"uuid":141,"slug":142,"title":143,"description":144,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":13,"fork_count":12,"vote_count":12,"view_count":145,"parent_id":12,"parent_uuid":13,"lang_type":14,"steps":146,"tags":147,"has_voted":28,"visibility":18,"share_token":13,"is_featured":12,"content_hash":149,"asset_kind":30,"target_tools":150,"install_mode":35,"entrypoint":151,"risk_profile":152,"dependencies":154,"verification":159,"agent_metadata":162,"agent_fit":174,"trust":176,"provenance":179,"created_at":181,"updated_at":182,"__relatedScore":183,"__relatedReasons":184,"__sharedTags":185},2296,"acba6a66-42fe-11f1-9bc6-00163e2b0d79","sails-mvc-framework-node-js-auto-generated-rest-apis-acba6a66","Sails — MVC Framework for Node.js with Auto-Generated REST APIs","Sails is a Model-View-Controller web framework for Node.js inspired by Ruby on Rails. It auto-generates RESTful APIs from model definitions and includes built-in WebSocket support for real-time features.",119,[],[148],{"id":24,"name":25,"slug":26,"icon":27},"237f4469fd860082143eb56e2e5f28b0b1f269b1f9238c075148ebaaebd002e4",[32,33,34],"Sails Overview",{"executes_code":28,"modifies_global_config":28,"requires_secrets":153,"uses_absolute_paths":28,"network_access":28},[],{"npm":155,"pip":156,"brew":157,"system":158},[],[],[],[],{"commands":160,"expected_files":161},[],[151],{"asset_kind":30,"target_tools":163,"install_mode":35,"entrypoint":151,"risk_profile":164,"dependencies":166,"content_hash":149,"verification":171},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":165,"uses_absolute_paths":28,"network_access":28},[],{"npm":167,"pip":168,"brew":169,"system":170},[],[],[],[],{"commands":172,"expected_files":173},[],[151],{"target":33,"score":61,"status":62,"policy":63,"why":175,"asset_kind":30,"install_mode":35},[65,66,67,68,69,70,71],{"author_trust_level":73,"verified_publisher":28,"asset_signed_hash":149,"signature_status":74,"install_count":12,"report_count":12,"dangerous_capability_badges":177,"review_status":76,"signals":178},[],[126,78,79,80],{"owner_uuid":9,"owner_name":10,"source_url":180,"content_hash":149,"visibility":18,"created_at":181,"updated_at":182},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fsails-mvc-framework-node-js-auto-generated-rest-apis-acba6a66","2026-04-28 20:35:01","2026-05-14 03:06:08",115.11877186907144,[133,134,135,136],[26,138],{"id":187,"uuid":188,"slug":189,"title":190,"description":191,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":13,"fork_count":12,"vote_count":12,"view_count":192,"parent_id":12,"parent_uuid":13,"lang_type":14,"steps":193,"tags":194,"has_voted":28,"visibility":18,"share_token":13,"is_featured":12,"content_hash":196,"asset_kind":30,"target_tools":197,"install_mode":35,"entrypoint":198,"risk_profile":199,"dependencies":201,"verification":206,"agent_metadata":209,"agent_fit":221,"trust":223,"provenance":226,"created_at":228,"updated_at":229,"__relatedScore":230,"__relatedReasons":231,"__sharedTags":232},2050,"23b0242e-3fb6-11f1-9bc6-00163e2b0d79","hexo-fast-node-js-blog-framework-plugin-ecosystem-23b0242e","Hexo — Fast Node.js Blog Framework with Plugin Ecosystem","Hexo is a fast, simple, and extensible blog framework powered by Node.js. It renders Markdown posts into static HTML in seconds and supports hundreds of themes and plugins.",85,[],[195],{"id":24,"name":25,"slug":26,"icon":27},"394cc3bc2c5f3797522d9e189779233ce44258711f986c8a47475ae253a82360",[32,33,34],"Hexo Overview",{"executes_code":28,"modifies_global_config":28,"requires_secrets":200,"uses_absolute_paths":28,"network_access":28},[],{"npm":202,"pip":203,"brew":204,"system":205},[],[],[],[],{"commands":207,"expected_files":208},[],[198],{"asset_kind":30,"target_tools":210,"install_mode":35,"entrypoint":198,"risk_profile":211,"dependencies":213,"content_hash":196,"verification":218},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":212,"uses_absolute_paths":28,"network_access":28},[],{"npm":214,"pip":215,"brew":216,"system":217},[],[],[],[],{"commands":219,"expected_files":220},[],[198],{"target":33,"score":61,"status":62,"policy":63,"why":222,"asset_kind":30,"install_mode":35},[65,66,67,68,69,70,71],{"author_trust_level":73,"verified_publisher":28,"asset_signed_hash":196,"signature_status":74,"install_count":12,"report_count":12,"dangerous_capability_badges":224,"review_status":76,"signals":225},[],[78,79,80],{"owner_uuid":9,"owner_name":10,"source_url":227,"content_hash":196,"visibility":18,"created_at":228,"updated_at":229},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fhexo-fast-node-js-blog-framework-plugin-ecosystem-23b0242e","2026-04-24 16:18:14","2026-05-13 22:45:22",102.90174767686536,[133,134,135,136],[26,138],{"id":234,"uuid":235,"slug":236,"title":237,"description":238,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":13,"fork_count":12,"vote_count":12,"view_count":192,"parent_id":12,"parent_uuid":13,"lang_type":14,"steps":239,"tags":240,"has_voted":28,"visibility":18,"share_token":13,"is_featured":12,"content_hash":242,"asset_kind":30,"target_tools":243,"install_mode":35,"entrypoint":244,"risk_profile":245,"dependencies":247,"verification":252,"agent_metadata":255,"agent_fit":267,"trust":269,"provenance":272,"created_at":274,"updated_at":275,"__relatedScore":230,"__relatedReasons":276,"__sharedTags":277},2400,"189f8f57-446d-11f1-9bc6-00163e2b0d79","play-framework-reactive-web-framework-java-scala-189f8f57","Play Framework — Reactive Web Framework for Java and Scala","A high-velocity web framework for Java and Scala that combines developer productivity with reactive, non-blocking architecture.",[],[241],{"id":24,"name":25,"slug":26,"icon":27},"41f8b502fcc62b5f8d33ce814713e92c2c8a9bb0bf8b8f3286ab045e5b93be21",[32,33,34],"Play Framework Overview",{"executes_code":28,"modifies_global_config":28,"requires_secrets":246,"uses_absolute_paths":28,"network_access":28},[],{"npm":248,"pip":249,"brew":250,"system":251},[],[],[],[],{"commands":253,"expected_files":254},[],[244],{"asset_kind":30,"target_tools":256,"install_mode":35,"entrypoint":244,"risk_profile":257,"dependencies":259,"content_hash":242,"verification":264},[32,33,34],{"executes_code":28,"modifies_global_config":28,"requires_secrets":258,"uses_absolute_paths":28,"network_access":28},[],{"npm":260,"pip":261,"brew":262,"system":263},[],[],[],[],{"commands":265,"expected_files":266},[],[244],{"target":33,"score":61,"status":62,"policy":63,"why":268,"asset_kind":30,"install_mode":35},[65,66,67,68,69,70,71],{"author_trust_level":73,"verified_publisher":28,"asset_signed_hash":242,"signature_status":74,"install_count":12,"report_count":12,"dangerous_capability_badges":270,"review_status":76,"signals":271},[],[78,79,80],{"owner_uuid":9,"owner_name":10,"source_url":273,"content_hash":242,"visibility":18,"created_at":274,"updated_at":275},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fplay-framework-reactive-web-framework-java-scala-189f8f57","2026-04-30 16:17:58","2026-05-13 19:32:43",[133,134,135,136],[26,138]]