cofin/vite
skills/vite/SKILL.md
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.
$ install --global
skillsauthnpx skillsauth add cofin/flow viteInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 30, 2026, 4:49 PM6.4s1 file scanned
SKILL.md
- 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.
Vite Build Tool Skill
Overview
Vite 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.
<workflow>
References Index
For detailed guides and configuration examples, refer to the following documents in references/:
- Configuration
- Basic setup, custom plugins, environment variables, library mode, asset handling, SSR, and best practices.
- HMR API
- Hot Module Replacement accept, dispose, and invalidate patterns.
- Litestar-Vite Plugin
- Plugin setup/options, config bridge, Inertia helpers, HTMX helpers, CSRF helpers, and type generation.
- Deployment
- SPA integration, static/edge hosting, and CI/CD GitHub Actions workflow.
Official References
- https://vite.dev/guide/
- https://vite.dev/config/
- https://vite.dev/guide/api-plugin
- https://vite.dev/guide/env-and-mode
- https://vite.dev/guide/migration
- https://www.npmjs.com/package/vite
Shared Styleguide Baseline
- Use shared styleguides for generic language/framework rules to reduce duplication in this skill.
- General Principles
- TypeScript
- Keep this skill focused on tool-specific workflows, edge cases, and integration details.
Add guardrails instructions here. </guardrails>
<validation> ## ValidationAdd validation instructions here. </validation>
<example> ## ExampleAdd example instructions here. </example>
Related Skills
cofin/flow-sync-status
testing
VerifiedTrustedCommunity
Use when syncing Beads state to markdown, checking Flow status, refreshing context docs, validating task markers, or reporting ready/blocked Flow work.
11SKILL.mdUpdated Apr 27, 2026
cofin/flow-setup
testing
VerifiedTrustedCommunity
Use when initializing Flow in a repo, configuring .agents, installing or checking Beads bd, setting local-only sync policy, or creating first project context files.
11SKILL.mdUpdated Apr 27, 2026
cofin/flow-planning
data-ai
VerifiedTrustedCommunity
Use when drafting PRDs, researching, planning, refining, revising, or creating .agents/specs/<flow_id>/spec.md worksheets for Flow.
11SKILL.mdUpdated Apr 27, 2026
cofin/flow-execution
testing
VerifiedTrustedCommunity
Use when implementing Flow tasks from Beads or spec.md, claiming ready work, applying TDD, recording task notes, committing, and syncing after task state changes.
11SKILL.mdUpdated Apr 27, 2026