Hikkywannafly/mermaidjs-v11
skills/mermaidjs-v11/SKILL.md
Generate Mermaid v11 diagrams for architecture, data flow, or user journey when a picture explains faster than prose. Used by planner when rendering phase files. Vietnamese trigger phrases: "vẽ sơ đồ", "vẽ flow", "diagram kiến trúc".
data-ai
Updated Apr 25, 2026
$ install --global
skillsauthnpx skillsauth add Hikkywannafly/vibe-kit mermaidjs-v11Install 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 25, 2026, 5:11 PM210.8s1 file scanned
SKILL.md
- name:
- mermaidjs-v11
- description:
- >
- phase files. Vietnamese trigger phrases:
- vẽ sơ đồ", "vẽ flow",
mermaidjs-v11
Produce a Mermaid v11 diagram string. The renderer (markdown-novel-viewer, GitHub, Obsidian) handles visualization.
When to invoke
- Plan phase file benefits from a flow diagram (≥ 3 interacting steps)
- User asks "vẽ cho tôi sơ đồ" or "architecture diagram"
- Orchestrator needs to show data flow for
/vibe-add(how a new feature wires into existing code)
Supported diagram types
flowchart— most common; use for orchestration steps, request flowsequenceDiagram— when showing actors (user, browser, API, DB)erDiagram— DB schema visualization for shop / CRM intentsjourney— user journey for landing page onboardinggantt— only if a phase file spans > 3 days (rare for vibe-kit MVPs)
Output contract
- Start with
```mermaidfence, end with``` - First line declares type (e.g.
flowchart TD) - Node IDs are short ASCII (
A,B,U1) — never Vietnamese diacritics (Mermaid parser trips) - Node LABELS can be Vietnamese (quoted with
"...") - Max 15 nodes per diagram; split into multiple if larger
Example (flowchart)
flowchart TD
U["Người dùng gõ /vibe"] --> C["Phân loại intent"]
C --> Q["Hỏi 3-5 câu làm rõ"]
Q --> P["Render plan bullets"]
P --> G{"OK?"}
G -- yes --> E["Spawn agents"]
G -- sửa --> Q
G -- hủy --> X["Exit"]
E --> D["Deploy"]
D --> W["Xong + URL"]
Example (erDiagram for shop)
erDiagram
CUSTOMERS ||--o{ ORDERS : places
ORDERS ||--|{ ORDER_ITEMS : contains
PRODUCTS ||--o{ ORDER_ITEMS : listed_in
CUSTOMERS {
uuid id
string name
string phone
}
PRODUCTS {
uuid id
string name
int price_vnd
int stock
}
Anti-patterns
- Don't draw diagrams with fewer than 3 nodes; use prose instead
- Don't put large code blocks inside node labels (use an edge label or external note)
- Don't nest subgraphs more than 1 level deep — loses readability fast
Related Skills
Hikkywannafly/vietnamese-copy
data-ai
VerifiedTrustedCommunity
Generate Vietnamese marketing copy, UI strings, CTAs, error messages, and email templates for vibe-kit projects. Tone: friendly, conversational, Southern Vietnamese style. Activated for any user-visible text generation.
SKILL.mdUpdated Apr 25, 2026
Hikkywannafly/vibe
development
VerifiedTrustedCommunity
One-shot orchestrator. Turns the prose after /vibe into a shipped product by clarifying intent, rendering a plan, gating on approval, then spawning planner+researcher+fullstack-dev+tester+reviewer agents in sequence. User-visible strings match the user's input language (Vietnamese by default for VN users). Two modes: SAFE (default — clarify + show plan + wait for approval, max 1 round-trip) and YOLO (skip clarify+approval, run full auto with smart defaults — for demos and power users). YOLO triggers: prose contains `yolo`, `nhanh nha`, `lam luon`, `khoi hoi`, `auto`, or args start with `yolo`. Trigger phrases (EN + VN): "build me a site", "make me a landing page", "create a shop", "I need an app", "vibe lam website", "tao cho toi mot", "xay dung shop online", "lam landing page", "can mot app".
SKILL.mdUpdated Apr 25, 2026
Hikkywannafly/vibe-security
tools
VerifiedTrustedCommunity
On-demand security audit for vibe-kit projects. Stack-aware checks for Next.js App Router + Supabase + Polar: secrets leak, RLS gaps, service-role key in client bundle, missing webhook signature verification, unprotected API routes, weak headers, dependency vulns. Outputs a Vietnamese P0/P1/P2 report with file:line + fix hints. User-visible strings match the user's input language (Vietnamese by default for VN users). Trigger phrases (EN + VN): "check security", "audit it", "security scan", "is this safe to launch", "kiem tra bao mat", "quet bao mat", "audit du an", "co an toan khong", "scan bao mat truoc khi deploy".
SKILL.mdUpdated Apr 25, 2026
Hikkywannafly/vibe-rn-supabase
tools
VerifiedTrustedCommunity
Wire Supabase JS client into a React Native (Expo) vibe-kit project: session persistence via AsyncStorage, magic-link OAuth callback via expo-linking deep links, Realtime subscriptions on RN, and shared TypeScript types with the Next.js webapp twin (vibe-kit's typical web<->mobile pair pattern). This is the mobile counterpart of `auth-magic-link` (web). User-visible strings match the user's input language (Vietnamese by default for VN users). Trigger phrases (EN + VN): "supabase react native", "supabase mobile", "auth mobile expo", "magic link mobile", "tich hop supabase vao app", "supabase deep link".
SKILL.mdUpdated Apr 25, 2026