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.
Choose your preferred installation method:
Install directly using the official ecosystem package runner into your active workspace:
npx @tidyfactor/cli add htmlOr if you have the CLI installed globally (npm i -g @tidyfactor/cli):
tidyfactor add htmlInstall using the universal multi-agent standard across all supported IDEs (Cursor, Antigravity, Claude Code, Windsurf, Trae, Codex):
npx skills add tidyfactor/htmlRun the dedicated skill installer directly with automatic cache invalidation:
npx @tidyfactor/html@latestTidyFactor 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.
