{"id":"55006f6d-243c-47e9-b6e5-8a724feb69a8","shortId":"njXMNS","kind":"skill","title":"vite","tagline":"Auto-activate for vite.config.ts, vite.config.js. Expert knowledge for Vite build tool. Use when: configuring Vite (`vite.config.ts`), creating plugins, managing HMR (Hot Module Replacement), or asset bundling in JS/TS projects. Produces Vite build configurations, plugin setups, ","description":"# Vite Build Tool Skill\n\n## Overview\n\nVite is a fast frontend build tool using native ES modules for dev and Rollup for production builds. This skill covers configuration, plugin authoring, HMR, asset handling, SSR, library mode, Litestar integration, and deployment.\n\n---\n\n<workflow>\n\n## References Index\n\nFor detailed guides and configuration examples, refer to the following documents in `references/`:\n\n- **[Configuration](references/config.md)**\n  - Basic setup, custom plugins, environment variables, library mode, asset handling, SSR, and best practices.\n- **[HMR API](references/hmr.md)**\n  - Hot Module Replacement accept, dispose, and invalidate patterns.\n- **[Litestar-Vite Plugin](references/litestar_plugin.md)**\n  - Plugin setup/options, config bridge, Inertia helpers, HTMX helpers, CSRF helpers, and type generation.\n- **[Deployment](references/deployment.md)**\n  - SPA integration, static/edge hosting, and CI/CD GitHub Actions workflow.\n\n</workflow>\n\n---\n\n## Official References\n\n- <https://vite.dev/guide/>\n- <https://vite.dev/config/>\n- <https://vite.dev/guide/api-plugin>\n- <https://vite.dev/guide/env-and-mode>\n- <https://vite.dev/guide/migration>\n- <https://www.npmjs.com/package/vite>\n\n## Shared Styleguide Baseline\n\n- Use shared styleguides for generic language/framework rules to reduce duplication in this skill.\n- [General Principles](https://github.com/cofin/flow/blob/main/templates/styleguides/general.md)\n- [TypeScript](https://github.com/cofin/flow/blob/main/templates/styleguides/languages/typescript.md)\n- Keep this skill focused on tool-specific workflows, edge cases, and integration details.\n\n<guardrails>\n## Guardrails\n\nAdd guardrails instructions here.\n</guardrails>\n\n<validation>\n## Validation\n\nAdd validation instructions here.\n</validation>\n\n<example>\n## Example\n\nAdd example instructions here.\n</example>","tags":["vite","flow","cofin","agent-skills","ai-agents","beads","claude-code","codex","cursor","developer-tools","gemini-cli","opencode"],"capabilities":["skill","source-cofin","skill-vite","topic-agent-skills","topic-ai-agents","topic-beads","topic-claude-code","topic-codex","topic-cursor","topic-developer-tools","topic-gemini-cli","topic-opencode","topic-plugin","topic-slash-commands","topic-spec-driven-development"],"categories":["flow"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/cofin/flow/vite","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add cofin/flow","source_repo":"https://github.com/cofin/flow","install_from":"skills.sh"}},"qualityScore":"0.455","qualityRationale":"deterministic score 0.46 from registry signals: · indexed on github topic:agent-skills · 11 github stars · SKILL.md body (1,848 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-04-24T07:03:20.986Z","embedding":null,"createdAt":"2026-04-23T13:04:02.724Z","updatedAt":"2026-04-24T07:03:20.986Z","lastSeenAt":"2026-04-24T07:03:20.986Z","tsv":"'/cofin/flow/blob/main/templates/styleguides/general.md)':188 '/cofin/flow/blob/main/templates/styleguides/languages/typescript.md)':192 '/config/':155 '/guide/':152 '/guide/api-plugin':158 '/guide/env-and-mode':161 '/guide/migration':164 '/package/vite':167 'accept':114 'action':146 'activ':4 'add':208,213,218 'api':109 'asset':27,68,102 'author':66 'auto':3 'auto-activ':2 'baselin':170 'basic':94 'best':106 'bridg':127 'build':12,34,39,48,60 'bundl':28 'case':203 'ci/cd':144 'config':126 'configur':16,35,64,83,92 'cover':63 'creat':19 'csrf':132 'custom':96 'deploy':76,137 'detail':80,206 'dev':55 'dispos':115 'document':89 'duplic':180 'edg':202 'environ':98 'es':52 'exampl':84,217,219 'expert':8 'fast':46 'focus':196 'follow':88 'frontend':47 'general':184 'generat':136 'generic':175 'github':145 'github.com':187,191 'github.com/cofin/flow/blob/main/templates/styleguides/general.md)':186 'github.com/cofin/flow/blob/main/templates/styleguides/languages/typescript.md)':190 'guardrail':207,209 'guid':81 'handl':69,103 'helper':129,131,133 'hmr':22,67,108 'host':142 'hot':23,111 'htmx':130 'index':78 'inertia':128 'instruct':210,215,220 'integr':74,140,205 'invalid':117 'js/ts':30 'keep':193 'knowledg':9 'language/framework':176 'librari':71,100 'litestar':73,120 'litestar-vit':119 'manag':21 'mode':72,101 'modul':24,53,112 'nativ':51 'offici':148 'overview':42 'pattern':118 'plugin':20,36,65,97,122,124 'practic':107 'principl':185 'produc':32 'product':59 'project':31 'reduc':179 'refer':77,85,91,149 'references/config.md':93 'references/deployment.md':138 'references/hmr.md':110 'references/litestar_plugin.md':123 'replac':25,113 'rollup':57 'rule':177 'setup':37,95 'setup/options':125 'share':168,172 'skill':41,62,183,195 'skill-vite' 'source-cofin' 'spa':139 'specif':200 'ssr':70,104 'static/edge':141 'styleguid':169,173 'tool':13,40,49,199 'tool-specif':198 'topic-agent-skills' 'topic-ai-agents' 'topic-beads' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-developer-tools' 'topic-gemini-cli' 'topic-opencode' 'topic-plugin' 'topic-slash-commands' 'topic-spec-driven-development' 'type':135 'typescript':189 'use':14,50,171 'valid':212,214 'variabl':99 'vite':1,11,17,33,38,43,121 'vite.config.js':7 'vite.config.ts':6,18 'vite.dev':151,154,157,160,163 'vite.dev/config/':153 'vite.dev/guide/':150 'vite.dev/guide/api-plugin':156 'vite.dev/guide/env-and-mode':159 'vite.dev/guide/migration':162 'workflow':147,201 'www.npmjs.com':166 'www.npmjs.com/package/vite':165","prices":[{"id":"c0b03944-820d-4a0b-a66c-d423eb01ee7b","listingId":"55006f6d-243c-47e9-b6e5-8a724feb69a8","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"cofin","category":"flow","install_from":"skills.sh"},"createdAt":"2026-04-23T13:04:02.724Z"}],"sources":[{"listingId":"55006f6d-243c-47e9-b6e5-8a724feb69a8","source":"github","sourceId":"cofin/flow/vite","sourceUrl":"https://github.com/cofin/flow/tree/main/skills/vite","isPrimary":false,"firstSeenAt":"2026-04-23T13:04:02.724Z","lastSeenAt":"2026-04-24T07:03:20.986Z"}],"details":{"listingId":"55006f6d-243c-47e9-b6e5-8a724feb69a8","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"cofin","slug":"vite","github":{"repo":"cofin/flow","stars":11,"topics":["agent-skills","ai-agents","beads","claude-code","codex","context-driven-development","cursor","developer-tools","gemini-cli","opencode","plugin","slash-commands","spec-driven-development","subagents","tdd","workflow"],"license":"apache-2.0","html_url":"https://github.com/cofin/flow","pushed_at":"2026-04-19T23:22:27Z","description":"Context-Driven Development toolkit for AI agents — spec-first planning, TDD workflow, and Beads integration.","skill_md_sha":"c2381f4f8f16a4cfa16dc507dc8ac04fd7d64680","skill_md_path":"skills/vite/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/cofin/flow/tree/main/skills/vite"},"layout":"multi","source":"github","category":"flow","frontmatter":{"name":"vite","description":"Auto-activate for vite.config.ts, vite.config.js. Expert knowledge for Vite build tool. Use when: configuring Vite (`vite.config.ts`), creating plugins, managing HMR (Hot Module Replacement), or asset bundling in JS/TS projects. Produces Vite build configurations, plugin setups, and HMR optimizations. Not for Webpack, Rollup, or non-Vite bundlers."},"skills_sh_url":"https://skills.sh/cofin/flow/vite"},"updatedAt":"2026-04-24T07:03:20.986Z"}}