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 查看