Web

hula-skill - Claude MCP Skill

HuLa project skill for frontend (Vue 3 + Vite + UnoCSS + Naive UI/Vant), backend (Tauri v2 + Rust + SeaORM/SQLite), full-stack flows, and build/release work. Use when the user mentions hula or HuLa or requests changes in this repository; after triggering, ask which scope (frontend/backend/fullstack/build-release) to enable.

SEO Guide: Enhance your AI agent with the hula-skill tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to hula project skill for frontend (vue 3 + vite + unocss + naive ui/vant), backend (tauri v2 + rust + ... Download and configure this skill to unlock new capabilities for your AI workflow.

🌟6985 stars • 923 forks
📥0 downloads

Documentation

SKILL.md
# HuLa Skill

## Overview

Enable consistent changes across the HuLa frontend, backend, full-stack flows, and build/release tasks with repo-specific conventions and resources.

## Activation Gate

Ask which scope to enable: frontend, backend, fullstack, or build-release.
Confirm platform (desktop or mobile), target area (view/component/store/command), and any constraints before editing.

## Workflow

1. Identify scope and platform.
2. Locate similar code paths and follow existing patterns.
3. Apply changes using repo conventions and available templates.
4. Update related layers (routes, stores, commands) when needed.
5. Propose or run checks/tests only when requested.

## Scope Routing

- Frontend: read `references/frontend.md` and `references/overview.md`; use `assets/templates/view-desktop.vue`, `assets/templates/view-mobile.vue`, `assets/templates/pinia-store.ts` as starters.
- Backend: read `references/backend.md` and `references/overview.md`; use `assets/templates/tauri-command.rs`.
- Fullstack: read `references/fullstack.md` plus frontend/backend references; use `assets/templates/tauri-command.ts`.
- Build/Release: read `references/build-release.md` and `references/checklists.md`.

## Scripts

Use `scripts/hula_summary.py` for quick repo context (views/stores counts and paths).
Use `scripts/hula_tauri_map.py` to list Tauri commands and frontend invoke usage.

## References

Use `references/overview.md` for stack, directories, aliases, and global conventions.
Use `references/checklists.md` for per-scope checklists.

Signals

Avg rating0.0
Reviews0
Favorites0

Information

Repository
HuLaSpark/HuLa
Author
HuLaSpark
Last Sync
3/12/2026
Repo Updated
3/11/2026
Created
1/13/2026

Reviews (0)

No reviews yet. Be the first to review this skill!

Related Skills

context7-mcp

This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.

9719

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

5355

ultracite

Ultracite is a zero-config linting and formatting preset for JavaScript/TypeScript projects. Use when: (1) Setting up or initializing Ultracite in a project (ultracite init), (2) Running linting or formatting commands (check, fix, doctor), (3) Writing or reviewing JS/TS code in a project that uses Ultracite — to follow its code standards, (4) Troubleshooting linting/formatting issues, (5) User mentions 'ultracite', 'lint', 'format', 'code quality', or 'biome/eslint/oxlint' in a project with Ultracite installed.

2739

webf-native-ui-dev

Develop custom native UI libraries based on Flutter widgets for WebF. Create reusable component libraries that wrap Flutter widgets as web-accessible custom elements. Use when building UI libraries, wrapping Flutter packages, or creating native component systems.

243

Related Guides