timeless

Build web UIs with vanilla JS and store-driven state management.

2|Updated Oct 12, 2025
One-click install
npx skills add https://github.com/ltaoo/timeless --skill timeless
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: timeless
Source: https://github.com/ltaoo/timeless/tree/main/.claude/skills/timeless
Command: npx skills add https://github.com/ltaoo/timeless --skill timeless

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps users build pages and components using the Timeless framework, which is a vanilla JS store-driven UI framework.

Core Features & Use Cases

  • Page and Component Creation: Build pages, components, dialogs, forms, lists, and any frontend UI.
  • Store-Driven Architecture: Leverages a store-driven architecture for state management and UI updates.
  • Reactive System: Ensures that UI updates are automatically triggered by state changes.
  • Use Case: Ideal for users who need to quickly create a dynamic UI for their web applications using vanilla JS.

Quick Start

Use the timeless skill to create a new page with the following structure:

timeless create page my-page

Frequently Asked Questions about timeless

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a reactive UI using vanilla JS without external dependencies?

You can build a reactive UI using vanilla JS by leveraging the Timeless framework's store-driven architecture, which automatically triggers UI rendering and updates whenever the application state changes.

What is a store-driven architecture and how does it handle state management?

A store-driven architecture manages application state in a centralized store, ensuring that all UI components react automatically and update their rendering whenever the underlying state changes.

How do I create a new page or component with the Timeless framework?

You create a new page with the Timeless framework by running the 'timeless create page my-page' command, which scaffolds the necessary structure for building pages, dialogs, forms, and lists.

Do I need to install external libraries to use the Timeless framework for web development?

No external libraries are required by default to use the Timeless framework for web development, though you may optionally integrate libraries like Tailwind CSS if you need additional styling.

Can I use this store-driven UI approach for building complex forms and lists?

Yes, the store-driven UI approach is ideal for quickly creating dynamic frontend elements including pages, components, dialogs, forms, and lists for your web applications using vanilla JS.

What JavaScript knowledge is required to build components with the Timeless framework?

Building components with the Timeless framework requires a working knowledge of JavaScript and an understanding of the Timeless framework's store-driven architecture to manage state effectively.