Auriaz/resource-composable-pattern
.cursor/skills/resource-composable-pattern/SKILL.md
Wzorzec implementacji composables w app/composables/resources jako jedynej warstwy komunikacji frontend-backend (fetch/API client), bez fetch w komponentach.
tools
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add Auriaz/nuxt-stack-starter resource-composable-patternInstall 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 16, 2026, 5:54 PM31.7s1 file scanned
SKILL.md
- name:
- resource-composable-pattern
- description:
- Wzorzec implementacji composables w app/composables/resources jako jedynej warstwy komunikacji frontend-backend (fetch/API client), bez fetch w komponentach.
Resource Composable Pattern
Kiedy używać
- Gdy dodajesz nowe wywołania API po stronie UI.
- Gdy porządkujesz kod i chcesz usunąć fetch z komponentów.
Zasady projektu
app/composables/resources/*to jedyne miejsce komunikacji frontend-backend.- Komponenty i sekcje pozostają prezentacyjne.
Procedura
- Dodaj metody do odpowiedniego resource composable (np.
useTasksResource). - Użyj wspólnego klienta API (
useApiClient) i silnego typowania DTO. - Dla endpointów listujących buduj query bez
any. - Zwracaj dane zgodne z kontraktami
shared/types/*. - W komponentach korzystaj wyłącznie z metod composable.
Walidacja
- Brak bezpośrednich fetchy w komponentach Vue.
- Spójne typy wejścia/wyjścia.
- Obsługa błędów i loading state na poziomie warstwy formularza/strony.
Related Skills
Auriaz/task-management-workflow
development
VerifiedTrustedCommunity
Workflow zmian w Task Management dla modelu TaskList -> TaskTopic -> TaskColumn -> Task, obejmujący UI, resource composables, API, domain i repository.
SKILL.mdUpdated Apr 16, 2026
Auriaz/nuxt-form-useform
development
VerifiedTrustedCommunity
Implementacja i rozbudowa formularzy z useForm, UForm i walidacją Valibot, w tym mapowanie błędów API 422 issues[] do pól formularza.
SKILL.mdUpdated Apr 16, 2026
Auriaz/nuxt-api-endpoint
development
VerifiedTrustedCommunity
Tworzenie endpointów API w tym projekcie Nuxt zgodnie z flow schema -> server/api -> domain use-case -> repository -> DTO. Użyj, gdy dodajesz lub modyfikujesz endpoint HTTP.
SKILL.mdUpdated Apr 16, 2026
openclaw/taskflow
tools
VerifiedTrustedCommunity
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
357,764SKILL.mdUpdated Apr 10, 2026