{"id":"55006f6d-243c-47e9-b6e5-8a724feb69a8","shortId":"njXMNS","kind":"skill","title":"vite","tagline":"Use when editing Vite projects, vite.config.ts, vite.config.js, Vite plugins, HMR, asset bundling, frontend build settings, deployment config, or Litestar/Vite integration.","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-05-18T19:07:40.433Z","embedding":null,"createdAt":"2026-04-23T13:04:02.724Z","updatedAt":"2026-05-18T19:07:40.433Z","lastSeenAt":"2026-05-18T19:07:40.433Z","tsv":"'/cofin/flow/blob/main/templates/styleguides/general.md)':172 '/cofin/flow/blob/main/templates/styleguides/languages/typescript.md)':176 '/config/':139 '/guide/':136 '/guide/api-plugin':142 '/guide/env-and-mode':145 '/guide/migration':148 '/package/vite':151 'accept':98 'action':130 'add':192,197,202 'api':93 'asset':12,52,86 'author':50 'baselin':154 'basic':78 'best':90 'bridg':111 'build':15,23,32,44 'bundl':13 'case':187 'ci/cd':128 'config':18,110 'configur':48,67,76 'cover':47 'csrf':116 'custom':80 'deploy':17,60,121 'detail':64,190 'dev':39 'dispos':99 'document':73 'duplic':164 'edg':186 'edit':4 'environ':82 'es':36 'exampl':68,201,203 'fast':30 'focus':180 'follow':72 'frontend':14,31 'general':168 'generat':120 'generic':159 'github':129 'github.com':171,175 'github.com/cofin/flow/blob/main/templates/styleguides/general.md)':170 'github.com/cofin/flow/blob/main/templates/styleguides/languages/typescript.md)':174 'guardrail':191,193 'guid':65 'handl':53,87 'helper':113,115,117 'hmr':11,51,92 'host':126 'hot':95 'htmx':114 'index':62 'inertia':112 'instruct':194,199,204 'integr':21,58,124,189 'invalid':101 'keep':177 'language/framework':160 'librari':55,84 'litestar':57,104 'litestar-vit':103 'litestar/vite':20 'mode':56,85 'modul':37,96 'nativ':35 'offici':132 'overview':26 'pattern':102 'plugin':10,49,81,106,108 'practic':91 'principl':169 'product':43 'project':6 'reduc':163 'refer':61,69,75,133 'references/config.md':77 'references/deployment.md':122 'references/hmr.md':94 'references/litestar_plugin.md':107 'replac':97 'rollup':41 'rule':161 'set':16 'setup':79 'setup/options':109 'share':152,156 'skill':25,46,167,179 'skill-vite' 'source-cofin' 'spa':123 'specif':184 'ssr':54,88 'static/edge':125 'styleguid':153,157 'tool':24,33,183 'tool-specif':182 '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':119 'typescript':173 'use':2,34,155 'valid':196,198 'variabl':83 'vite':1,5,9,22,27,105 'vite.config.js':8 'vite.config.ts':7 'vite.dev':135,138,141,144,147 'vite.dev/config/':137 'vite.dev/guide/':134 'vite.dev/guide/api-plugin':140 'vite.dev/guide/env-and-mode':143 'vite.dev/guide/migration':146 'workflow':131,185 'www.npmjs.com':150 'www.npmjs.com/package/vite':149","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-05-18T19:07:40.433Z"}],"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-27T19:07:26Z","description":"Context-Driven Development toolkit for AI agents — spec-first planning, TDD workflow, and Beads integration.","skill_md_sha":"49e9620498147572c5bcbb4b5c68718f62bd2527","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":"Use when editing Vite projects, vite.config.ts, vite.config.js, Vite plugins, HMR, asset bundling, frontend build settings, deployment config, or Litestar/Vite integration."},"skills_sh_url":"https://skills.sh/cofin/flow/vite"},"updatedAt":"2026-05-18T19:07:40.433Z"}}