vuluu2k/builderx_spa-permission
skills/builderx_spa-permission/SKILL.md
Rule-based permission checking in BuilderX SPA using bitwise operations from @/composable/employeePermission. Use this skill when hiding/showing UI or checking user access.
$ install --global
skillsauthnpx skillsauth add vuluu2k/skills builderx_spa-permissionInstall 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 24, 2026, 12:08 AM159.6s2 files scanned
SKILL.md
- name:
- builderx_spa-permission
- description:
- Rule-based permission checking in BuilderX SPA using bitwise operations from @/composable/employeePermission. Use this skill when hiding/showing UI or checking user access.
- author:
- Vũ Lưu
- version:
- 2026.3.23
- source:
- Hand-written based on builderx_spa source code
BuilderX Permissions
Always use
hasPermissionandhasPermissionsto check user roles logically against the bitwise structure.
Core
| Topic | Description | Reference | |-------|-------------|-----------| | Checking Access | How to pass the permission bit and the specific permission string | has-permission |
Quick Reference
import { hasPermission } from '@/composable/employeePermission'
import { useSiteStore } from '@/stores/site'
export default {
computed: {
canEditProduct() {
const siteStore = useSiteStore()
const permissionsBit = siteStore.site?.site_permission?.permissions
if (!permissionsBit) return false
// Checking a specific string action
return hasPermission(permissionsBit, 'update_product')
}
}
}
Related Skills
vuluu2k/vue
development
VerifiedTrustedCommunity
Vue 3 Composition API — <script setup>, reactivity (shallowRef/ref), props without destructure, computed, watch, provide/inject, and composables. Use when the project uses modern Vue 3 Composition API style.
1SKILL.mdUpdated May 8, 2026
vuluu2k/vue-options
development
VerifiedTrustedCommunity
Vue 3 Options API — data, props, computed, methods, watch, emits, provide/inject, lifecycle hooks, and mixins. Use when the project uses Options API style (Vue 2 legacy or explicit Vue 3 Options API preference).
1SKILL.mdUpdated May 8, 2026
vuluu2k/vue-antdv-tailwind
tools
VerifiedTrustedCommunity
Best practices for mixing Ant Design Vue components with Tailwind CSS utility classes. Use this skill to keep styling consistent without custom CSS files.
1SKILL.mdUpdated May 8, 2026
vuluu2k/pinia
development
VerifiedTrustedCommunity
Pinia state management for Vue 3 using Composition API (Setup Stores) — TypeScript-first, storeToRefs for reactivity, focused stores, and API calls in composables. Use when the project uses Vue 3 Composition API / <script setup>.
1SKILL.mdUpdated May 8, 2026