tidyfactor-js
Framework-free reactive Vanilla SPA engine with Contextual Decision Layer (CDL). Features client-side routing, reactive Proxy state management, and Web Components with zero React/Vue runtime. Trigger on commands 'brief', 'init', 'assets', 'logic', 'store', 'compo', 'route', 'pages', 'modules', 'i18n', 'seo', 'deploy', or requests to scaffold a pure Vanilla JS SPA.
소스 정보
- 저장소
- TidyFactor/JS
- 최근 소스 활동
- 2026년 9월 5일 13:21
- 감지된 SKILL.md 언어
- 영어
- 스타
- 3
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- name
- tidyfactor-js
- description
- Framework-free reactive Vanilla SPA engine with Contextual Decision Layer (CDL). Features client-side routing, reactive Proxy state management, and Web Components with zero React/Vue runtime. Trigger on commands 'brief', 'init', 'assets', 'logic', 'store', 'compo', 'route', 'pages', 'modules', 'i18n', 'seo', 'deploy', or requests to scaffold a pure Vanilla JS SPA.
# TidyFactor Vanilla JS (Framework-Free Reactive Vanilla SPA)
A command dispatcher for framework-free client-side single page applications. This router declares commands and workflows without performing execution directly.
## Commands
| User intent | Command | What it loads |
|---|---|---|
| Strategic SPA Discovery & Brief Resolution | `references/commands/brief.md` | `references/workflows/brief.md` + `references/memory/decision-points.md` + `references/memory/quality-bar.md` |
| Primary deliverable — scaffold a new vanilla SPA | `references/commands/init.md` | `references/workflows/init.md` + `references/memory/architecture.md` |
| Client-side routing (hash `#` vs HTML5 History API) | `references/commands/route.md` | `references/workflows/route.md` + `references/memory/decision-points.md` |
| Reactive Proxy state store & EventTarget subscribers | `references/commands/store.md` | `references/workflows/store.md` + `references/memory/quality-bar.md` |
| Reusable native Web Components (custom elements) | `references/commands/compo.md` | `references/workflows/compo.md` + `references/memory/architecture.md` |
| Central environment configuration & API clients | `references/commands/logic.md` | `references/commands/logic.md` + `references/memory/architecture.md` |
| Assemble multi-screen view controllers | `references/commands/pages.md` | `references/commands/pages.md` + `references/memory/architecture.md` |
| Pure ES Module utilities & formatting helpers | `references/commands/modules.md` | `references/commands/modules.md` + `references/memory/architecture.md` |
| Multilingual translation & dynamic Arabic RTL toggle | `references/commands/i18n.md` | `references/commands/i18n.md` + `references/memory/quality-bar.md` |
| SPA SEO metadata, dynamic page titles, sitemaps | `references/commands/seo.md` | `references/commands/seo.md` + `references/memory/quality-bar.md` |
| Asset hygiene, favicon, and SVG optimization | `references/commands/assets.md` | `references/commands/assets.md` + `references/memory/quality-bar.md` |
| Prepare deployment (Static hosting, Vite build, cPanel) | `references/commands/deploy.md` | `references/commands/deploy.md` + `references/memory/decision-points.md` |
Read only the command file that matches the request. Do not load all commands simultaneously.
## Non-Negotiable Invariants
1. **Contextual Decision Layer (CDL)**: Resolve SPA baselines via `/brief` or `.tidyfactor/js-brief.md` before emitting code.
2. **Zero Framework Runtime**: 100% pure vanilla modern JavaScript. No React, Vue, or Alpine.
3. **Memory Leak Prevention**: All event listeners and timers MUST be cleaned up on `disconnectedCallback()`.
4. **State Mutation Discipline**: All shared state mutations must occur through the Proxy/Store to notify subscribers.
5. **7-Axis Pre-Emit Critique**: All generated code must be evaluated with `/* Pre-emit critique: P5 H5 E5 S5 R5 V5 D5 */`.
GitHub에서 보기