The official static web engineering track within the TidyFactor Architecture Ecosystem.
🚀 Quick Start • ⚡ 9 Commands • 🏛️ Ecosystem • 📖 بالعربية
Part of the TidyFactor ecosystem. Sibling tracks (tidyfactor-php,
tidyfactor-vanilla-js, tidyfactor-micro-js, tidyfactor-track-*) live
as separate skills so each can carry a full, framework-appropriate
command set instead of one skill trying to cover every stack at once.
- Init — scaffold a brand-new static project.
- Convert — bring an existing site, SPA, or other stack onto this track.
- Improve — audit and upgrade a project already on this track.
init · assets · compo · store · pages · modules · i18n ·
seo · deploy — see SKILL.md for the full sequencing and each
command's reference file under references/commands/.
Built and maintained by alwkala — github.com/alwkala
Licensed under the Apache License 2.0.
TidyFactor is a modular web architecture and AI coding agent skill ecosystem built on clear separation of concerns across the product lifecycle:
TidyFactor Organization (github.com/TidyFactor)
│
├── Design Skills
│ ├── Cinematic → Experience / "Wow" (Apple × Cartier Scroll-Driven Landing Pages)
│ ├── Design → Prototype / "Build" (Code-Native UI Design Engine & Figma Alternative)
│ └── Styler → Production / "Ship" (Framework Styler & RTL Polish Engine)
│
├── Development Skills
│ ├── HTML → Content & Static (Semantic SEO & Static Platform Starter)
│ ├── HTMX → Hypermedia (Server-Driven Micro-Interactions)
│ ├── JS → Vanilla SPA (Framework-Free Reactive ES Modules)
│ ├── PHP → Server-Rendered (Modern PHP 8.x Component UI & Architecture)
│ └── Next → Multi-Tenant SaaS (Next.js 16, React 19, Supabase RLS & Dev-Perf)
│
└── Growth Skills
└── Marketing → Growth / Revenue (Direct Response, Pillar SEO & Content Lifecycles)
TidyFactor
│
┌─────────┼─────────┐
│ │ │
Cinematic Design Styler
│ │ │
Experience Prototype Production
│ │ │
"Wow" "Build" "Ship"
| Track | Category | GitHub Repository | Agent Skill | NPM Package |
|---|---|---|---|---|
| Cinematic | Design | TidyFactor/Cinematic |
tidyfactor-cinematic |
@tidyfactor/cinematic |
| Design | Design | TidyFactor/Design |
tidyfactor-design |
@tidyfactor/design |
| Styler | Design | TidyFactor/Styler |
tidyfactor-styler |
@tidyfactor/styler |
| Next | Development | TidyFactor/Next |
tidyfactor-next |
@tidyfactor/next |
| HTML | Development | TidyFactor/HTML |
tidyfactor-html |
@tidyfactor/html |
| HTMX | Development | TidyFactor/HTMX |
tidyfactor-htmx |
@tidyfactor/htmx |
| JS | Development | TidyFactor/JS |
tidyfactor-js |
@tidyfactor/js |
| PHP | Development | TidyFactor/PHP |
tidyfactor-php |
@tidyfactor/php |
| Marketing | Growth | TidyFactor/Marketing |
tidyfactor-marketing |
@tidyfactor/marketing |
- 🌐 Official Website: https://tidyfactor.com/
- 📚 Official Documentation: https://tidyfactor.com/documentation
- 🤝 Official Partner Website: Alwkala Digital Agency
- 🐙 GitHub Organization: github.com/TidyFactor
- 📧 Business Inquiries: hello@tidyfactor.com
- 📱 WhatsApp: +20 101 665 6899
- 📞 Phone: +20 101 665 6899
- 📍 Location: Cairo, Egypt
Licensed under the Apache License 2.0. Copyright (c) 2026 TidyFactor & Alwkala.
