strider2038/web-frontend
.cursor/skills/web-frontend/SKILL.md
Frontend web/ (React, TypeScript, Vite). Используй при работе с web/src/**/*.tsx, web/src/**/*.ts.
development
Updated Apr 16, 2026
$ install --global
skillsauthnpx skillsauth add strider2038/knowledge-db web-frontendInstall 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 17, 2026, 12:59 AM25.5s1 file scanned
SKILL.md
- name:
- web-frontend
- description:
- Frontend web/ (React, TypeScript, Vite). Используй при работе с web/src/**/*.tsx, web/src/**/*.ts.
Frontend web — стек и практики
Применяется при работе с web/:
- React 18, TypeScript, Vite
react-router-dom(SPA-роутинг)
Цель — чистый, предсказуемый UI, согласованный с API kb-server.
Структура
web/src/main.tsx— входная точка,BrowserRouterweb/src/App.tsx— основное приложениеcomponents/— UI-компонентыpages/— страницы (Добавить, Поиск)hooks/— кастомные хукиservices/— API-клиентtypes/— типы (Node, Tree и т.п.)
Принципы
- Функциональные компоненты с hooks
- Побочные эффекты только в
useEffect/хуках - Дата-фетчинг — в hooks/сервисах, не в компонентах
TypeScript
- Точные интерфейсы, не
any - Типы запросов/ответов API в
types/
Работа с API
- Централизованный клиент в
services/api.ts - Base URL из
VITE_API_URL(по умолчанию localhost) - Обработка ошибок: показывать понятные сообщения
Роутинг
- Декларативная конфигурация маршрутов
- Страницы: Добавить, Поиск, просмотр узла
Состояние
useState— локальное UIloading,error,success— для асинхронных операций- Явные индикаторы (спиннеры, сообщения об ошибках)
Чек-лист
- [ ] Компоненты и hooks с чёткой ответственностью
- [ ] TypeScript без лишнего
any - [ ] Асинхронные операции с явными статусами
- [ ] API-вызовы в services/api.ts
Related Skills
strider2038/knowledge-db
development
VerifiedTrustedCommunity
Knowledge base layout and node format for knowledge-db. Use when creating or editing KB markdown files. Root path placeholder {{DATA_PATH}}.
SKILL.mdUpdated May 25, 2026
strider2038/runnable-background-processes
tools
VerifiedTrustedCommunity
Регистрация фоновых процессов через pior/runnable. Используй при добавлении Telegram bot и других воркеров в kb-server.
SKILL.mdUpdated Apr 16, 2026
strider2038/openspec-verify-change
testing
VerifiedTrustedCommunity
Verify implementation matches change artifacts. Use when the user wants to validate that implementation is complete, correct, and coherent before archiving.
SKILL.mdUpdated Apr 16, 2026
strider2038/openspec-sync-specs
data-ai
VerifiedTrustedCommunity
Sync delta specs from a change to main specs. Use when the user wants to update main specs with changes from a delta spec, without archiving the change.
SKILL.mdUpdated Apr 16, 2026