[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"workflow-asset-ba7c299a":3,"seo:featured-workflow:ba7c299a-4d35-11f1-9bc6-00163e2b0d79:fr":83,"workflow-related-asset-ba7c299a-ba7c299a-4d35-11f1-9bc6-00163e2b0d79":84},{"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":11,"fork_count":12,"vote_count":12,"view_count":12,"parent_id":12,"parent_uuid":11,"lang_type":13,"steps":14,"tags":21,"has_voted":27,"visibility":17,"share_token":11,"is_featured":12,"content_hash":28,"asset_kind":29,"target_tools":30,"install_mode":34,"entrypoint":18,"risk_profile":35,"dependencies":37,"verification":43,"agent_metadata":46,"agent_fit":59,"trust":71,"provenance":80,"created_at":82,"updated_at":82},3046,"ba7c299a-4d35-11f1-9bc6-00163e2b0d79","asset-ba7c299a","Ant Design Vue — Enterprise-Grade Vue 3 Component Library","Ant Design Vue brings the Ant Design system to Vue.js with 60+ accessible components, TypeScript support, and comprehensive theming for building enterprise web applications.","8a910e34-3180-11f1-9bc6-00163e2b0d79","Script Depot","",0,"en",[15],{"id":16,"step_order":17,"title":18,"description":11,"prompt_template":19,"variables":11,"depends_on":20,"expected_output":11},3609,1,"Ant Design Vue Overview","# Ant Design Vue — Enterprise-Grade Vue 3 Component Library\n\n## Quick Use\n```bash\nnpm install ant-design-vue@4\n```\n```js\nimport { createApp } from 'vue'\nimport Antd from 'ant-design-vue'\nimport 'ant-design-vue\u002Fdist\u002Freset.css'\ncreateApp(App).use(Antd).mount('#app')\n```\n\n## Introduction\nAnt Design Vue is the Vue implementation of the Ant Design system originally built for React. It provides a comprehensive set of high-quality UI components following enterprise-grade design specifications, with full Vue 3 Composition API and TypeScript support.\n\n## What Ant Design Vue Does\n- Provides 60+ ready-to-use components: tables, forms, modals, date pickers, trees, and more\n- Follows the Ant Design specification for consistent enterprise UI patterns\n- Supports dynamic theming through CSS variables and design tokens\n- Offers full TypeScript definitions for type-safe component usage\n- Integrates with Vue Router and Vuex\u002FPinia for complete application development\n\n## Architecture Overview\nAnt Design Vue wraps each component as a Vue single-file component that accepts props and emits events following Vue conventions. Internally, components use the Composition API and share common utilities for accessibility, keyboard navigation, and locale handling. The theming system uses CSS-in-JS via design tokens that cascade through a ConfigProvider component, enabling runtime theme switching.\n\n## Self-Hosting & Configuration\n- Install via `npm install ant-design-vue@4` for Vue 3 compatibility\n- Import globally with `app.use(Antd)` or tree-shake individual components\n- Wrap your app in `\u003Ca-config-provider>` for custom themes and locale\n- Use `unplugin-vue-components` for automatic on-demand component imports\n- Configure Less or CSS variable overrides for brand-specific theming\n\n## Key Features\n- Design tokens enable runtime theme customization without rebuilding\n- Form component handles validation rules, field dependencies, and dynamic fields\n- Table supports virtual scrolling, sorting, filtering, and editable cells\n- Built-in internationalization covers 60+ locales out of the box\n- Accessibility attributes (ARIA roles, keyboard nav) are included by default\n\n## Comparison with Similar Tools\n- **Element Plus** — Another popular Vue 3 library; Ant Design Vue follows Ant Design's stricter enterprise conventions\n- **Vuetify** — Material Design focused; Ant Design Vue follows its own design language\n- **Naive UI** — Lighter with fewer conventions; Ant Design Vue is more opinionated and comprehensive\n- **Quasar** — Full framework including build tools; Ant Design Vue is a pure component library\n- **PrimeVue** — Wide component selection; Ant Design Vue has deeper theming via design tokens\n\n## FAQ\n**Q: Does Ant Design Vue support Vue 2?**\nA: Version 1.x supports Vue 2. Version 4.x targets Vue 3 exclusively.\n\n**Q: Can I import only the components I need?**\nA: Yes. Use tree-shaking with `import { Button } from 'ant-design-vue'` or configure auto-import plugins.\n\n**Q: How do I customize the theme?**\nA: Use the ConfigProvider component with a custom `theme` prop containing design token overrides.\n\n**Q: Is Ant Design Vue compatible with Nuxt?**\nA: Yes. It works with Nuxt 3 as a Vue plugin. Community modules simplify auto-import setup.\n\n## Sources\n- https:\u002F\u002Fgithub.com\u002FvueComponent\u002Fant-design-vue\n- https:\u002F\u002Fantdv.com","0",[22],{"id":23,"name":24,"slug":25,"icon":26},11,"Scripts","script","📜",false,"ae2997a2d1f43fead6a486dc248e5177a9bda5160d6c46476e0a62a2475189d4","skill",[31,32,33],"claude_code","codex","gemini_cli","single",{"executes_code":27,"modifies_global_config":27,"requires_secrets":36,"uses_absolute_paths":27,"network_access":27},[],{"npm":38,"pip":40,"brew":41,"system":42},[39],"ant-design-vue@4",[],[],[],{"commands":44,"expected_files":45},[],[18],{"asset_kind":29,"target_tools":47,"install_mode":34,"entrypoint":18,"risk_profile":48,"dependencies":50,"content_hash":28,"verification":55,"inferred":58},[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":49,"uses_absolute_paths":27,"network_access":27},[],{"npm":51,"pip":52,"brew":53,"system":54},[39],[],[],[],{"commands":56,"expected_files":57},[],[18],true,{"target":32,"score":60,"status":61,"policy":62,"why":63,"asset_kind":29,"install_mode":34},98,"native","allow",[64,65,66,67,68,69,70],"target_tools includes codex","asset_kind skill","install_mode single","markdown-only","policy allow","safe markdown-only Codex install","trust established",{"author_trust_level":72,"verified_publisher":27,"asset_signed_hash":28,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":74,"review_status":75,"signals":76},"established","hash_only",[],"unreviewed",[77,78,79],"author has published assets","content hash available","no dangerous capability badges",{"owner_uuid":9,"owner_name":10,"source_url":81,"content_hash":28,"visibility":17,"created_at":82,"updated_at":82},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fasset-ba7c299a","2026-05-11 20:34:18",null,[85,138,185,230],{"id":86,"uuid":87,"slug":88,"title":89,"description":90,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":91,"parent_id":12,"parent_uuid":11,"lang_type":13,"steps":92,"tags":93,"has_voted":27,"visibility":17,"share_token":11,"is_featured":12,"content_hash":95,"asset_kind":29,"target_tools":96,"install_mode":34,"entrypoint":97,"risk_profile":98,"dependencies":100,"verification":105,"agent_metadata":108,"agent_fit":120,"trust":122,"provenance":126,"created_at":128,"updated_at":129,"__relatedScore":130,"__relatedReasons":131,"__sharedTags":136},1026,"25e29ccf-35b8-11f1-9bc6-00163e2b0d79","vuetify-material-design-component-framework-vue-25e29ccf","Vuetify — Material Design Component Framework for Vue","Vuetify is the most popular Material Design component framework for Vue 3. 80+ beautifully crafted components following Material Design 3 guidelines with SSR support, theming, treeshaking, and accessibility baked in.",105,[],[94],{"id":23,"name":24,"slug":25,"icon":26},"92e144edabd453174e4c6d06b39e17ede735524cb7aaf420cc35e64555cf47b6",[31,32,33],"SKILL.md",{"executes_code":27,"modifies_global_config":27,"requires_secrets":99,"uses_absolute_paths":27,"network_access":27},[],{"npm":101,"pip":102,"brew":103,"system":104},[],[],[],[],{"commands":106,"expected_files":107},[],[11],{"asset_kind":29,"target_tools":109,"install_mode":34,"entrypoint":97,"risk_profile":110,"dependencies":112,"content_hash":95,"verification":117},[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":111,"uses_absolute_paths":27,"network_access":27},[],{"npm":113,"pip":114,"brew":115,"system":116},[],[],[],[],{"commands":118,"expected_files":119},[],[11],{"target":32,"score":60,"status":61,"policy":62,"why":121,"asset_kind":29,"install_mode":34},[64,65,66,67,68,69,70],{"author_trust_level":72,"verified_publisher":27,"asset_signed_hash":95,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":123,"review_status":75,"signals":124},[],[125,77,78,79],"asset has usage views",{"owner_uuid":9,"owner_name":10,"source_url":127,"content_hash":95,"visibility":17,"created_at":128,"updated_at":129},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fvuetify-material-design-component-framework-vue-25e29ccf","2026-04-11 23:07:25","2026-05-11 20:34:15",127.03795879789716,[132,133,134,135],"topic-match","same-kind","same-target","same-author",[25,137],"scripts",{"id":139,"uuid":140,"slug":141,"title":142,"description":143,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":144,"parent_id":12,"parent_uuid":11,"lang_type":13,"steps":145,"tags":146,"has_voted":27,"visibility":17,"share_token":11,"is_featured":12,"content_hash":148,"asset_kind":29,"target_tools":149,"install_mode":34,"entrypoint":150,"risk_profile":151,"dependencies":153,"verification":158,"agent_metadata":161,"agent_fit":173,"trust":175,"provenance":178,"created_at":180,"updated_at":181,"__relatedScore":182,"__relatedReasons":183,"__sharedTags":184},2216,"b79e56c9-41f2-11f1-9bc6-00163e2b0d79","primevue-rich-ui-component-suite-vue-3-b79e56c9","PrimeVue — Rich UI Component Suite for Vue 3","PrimeVue is a comprehensive Vue 3 UI component library with 100+ components, multiple built-in themes, and an unstyled mode for full design control.",72,[],[147],{"id":23,"name":24,"slug":25,"icon":26},"e286fba267f4c5e206d180b1524170f8d9b03b24aa0b3b20eccd88f89c524ce7",[31,32,33],"PrimeVue Components",{"executes_code":27,"modifies_global_config":27,"requires_secrets":152,"uses_absolute_paths":27,"network_access":27},[],{"npm":154,"pip":155,"brew":156,"system":157},[],[],[],[],{"commands":159,"expected_files":160},[],[150],{"asset_kind":29,"target_tools":162,"install_mode":34,"entrypoint":150,"risk_profile":163,"dependencies":165,"content_hash":148,"verification":170},[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":164,"uses_absolute_paths":27,"network_access":27},[],{"npm":166,"pip":167,"brew":168,"system":169},[],[],[],[],{"commands":171,"expected_files":172},[],[150],{"target":32,"score":60,"status":61,"policy":62,"why":174,"asset_kind":29,"install_mode":34},[64,65,66,67,68,69,70],{"author_trust_level":72,"verified_publisher":27,"asset_signed_hash":148,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":176,"review_status":75,"signals":177},[],[77,78,79],{"owner_uuid":9,"owner_name":10,"source_url":179,"content_hash":148,"visibility":17,"created_at":180,"updated_at":181},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fprimevue-rich-ui-component-suite-vue-3-b79e56c9","2026-04-27 12:36:54","2026-05-11 22:19:03",126.79498429018068,[132,133,134,135],[25,137],{"id":186,"uuid":187,"slug":188,"title":189,"description":190,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":191,"parent_id":12,"parent_uuid":11,"lang_type":13,"steps":192,"tags":193,"has_voted":27,"visibility":17,"share_token":11,"is_featured":12,"content_hash":195,"asset_kind":29,"target_tools":196,"install_mode":34,"entrypoint":97,"risk_profile":197,"dependencies":199,"verification":204,"agent_metadata":207,"agent_fit":219,"trust":221,"provenance":224,"created_at":128,"updated_at":226,"__relatedScore":227,"__relatedReasons":228,"__sharedTags":229},1028,"25e2a2cf-35b8-11f1-9bc6-00163e2b0d79","element-plus-vue-3-ui-library-element-team-25e2a2cf","Element Plus — Vue 3 UI Library by the Element Team","Element Plus is a Vue 3 UI library made by the Element team. 60+ components with desktop-first design, clean aesthetic, TypeScript support, and a huge Chinese developer community. The Vue 3 successor to Element UI.",174,[],[194],{"id":23,"name":24,"slug":25,"icon":26},"e386f7fd8f7c12f1d4d970553541e53aa970c8513f343e57105266347950cdf3",[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":198,"uses_absolute_paths":27,"network_access":27},[],{"npm":200,"pip":201,"brew":202,"system":203},[],[],[],[],{"commands":205,"expected_files":206},[],[11],{"asset_kind":29,"target_tools":208,"install_mode":34,"entrypoint":97,"risk_profile":209,"dependencies":211,"content_hash":195,"verification":216},[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":210,"uses_absolute_paths":27,"network_access":27},[],{"npm":212,"pip":213,"brew":214,"system":215},[],[],[],[],{"commands":217,"expected_files":218},[],[11],{"target":32,"score":60,"status":61,"policy":62,"why":220,"asset_kind":29,"install_mode":34},[64,65,66,67,68,69,70],{"author_trust_level":72,"verified_publisher":27,"asset_signed_hash":195,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":222,"review_status":75,"signals":223},[],[125,77,78,79],{"owner_uuid":9,"owner_name":10,"source_url":225,"content_hash":195,"visibility":17,"created_at":128,"updated_at":226},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Felement-plus-vue-3-ui-library-element-team-25e2a2cf","2026-05-11 22:26:21",124.36455707302945,[132,133,134,135],[25,137],{"id":231,"uuid":232,"slug":233,"title":234,"description":235,"author_id":9,"author_name":10,"author_avatar":11,"token_estimate":12,"time_saved":12,"model_used":11,"fork_count":12,"vote_count":12,"view_count":236,"parent_id":12,"parent_uuid":11,"lang_type":13,"steps":237,"tags":238,"has_voted":27,"visibility":17,"share_token":11,"is_featured":12,"content_hash":240,"asset_kind":29,"target_tools":241,"install_mode":34,"entrypoint":97,"risk_profile":242,"dependencies":244,"verification":249,"agent_metadata":252,"agent_fit":264,"trust":266,"provenance":269,"created_at":271,"updated_at":272,"__relatedScore":273,"__relatedReasons":274,"__sharedTags":275},2893,"1e3882d4-4bc3-11f1-9bc6-00163e2b0d79","asset-1e3882d4","Semi Design — Modern Design System and React UI Library by ByteDance","A comprehensive design system and React component library created by ByteDance (Douyin\u002FTikTok), offering 80+ components with built-in theming, accessibility, and internationalization.",21,[],[239],{"id":23,"name":24,"slug":25,"icon":26},"e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":243,"uses_absolute_paths":27,"network_access":27},[],{"npm":245,"pip":246,"brew":247,"system":248},[],[],[],[],{"commands":250,"expected_files":251},[],[],{"asset_kind":29,"target_tools":253,"install_mode":34,"entrypoint":97,"risk_profile":254,"dependencies":256,"content_hash":240,"verification":261,"inferred":58},[31,32,33],{"executes_code":27,"modifies_global_config":27,"requires_secrets":255,"uses_absolute_paths":27,"network_access":27},[],{"npm":257,"pip":258,"brew":259,"system":260},[],[],[],[],{"commands":262,"expected_files":263},[],[],{"target":32,"score":60,"status":61,"policy":62,"why":265,"asset_kind":29,"install_mode":34},[64,65,66,67,68,69,70],{"author_trust_level":72,"verified_publisher":27,"asset_signed_hash":240,"signature_status":73,"install_count":12,"report_count":12,"dangerous_capability_badges":267,"review_status":75,"signals":268},[],[77,78,79],{"owner_uuid":9,"owner_name":10,"source_url":270,"content_hash":240,"visibility":17,"created_at":271,"updated_at":272},"https:\u002F\u002Ftokrepo.com\u002Fen\u002Fworkflows\u002Fasset-1e3882d4","2026-05-10 00:21:22","2026-05-11 20:23:31",123.01363402123332,[132,133,134,135],[25,137]]