Agent skill

New Lit Pwa

by jackfranklin in jackfranklin/dotfiles

Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo.

MITAuto-check passedDevelopment

Install New Lit Pwa

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .claude/skills && cp -r skills-src/claude/skills/new-lit-pwa .claude/skills/new-lit-pwa && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .claude/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .agents/skills && cp -r skills-src/claude/skills/new-lit-pwa .agents/skills/new-lit-pwa && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .agents/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/claude/skills/new-lit-pwa .cursor/skills/new-lit-pwa && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .cursor/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/jackfranklin/dotfiles.git --path claude/skills/new-lit-pwa

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/claude/skills/new-lit-pwa .gemini/skills/new-lit-pwa && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .gemini/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .github/skills && cp -r skills-src/claude/skills/new-lit-pwa .github/skills/new-lit-pwa && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .github/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install jackfranklin/dotfiles new-lit-pwa --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/jackfranklin/dotfiles.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/claude/skills/new-lit-pwa .opencode/skills/new-lit-pwa && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "new-lit-pwa" agent skill from https://github.com/jackfranklin/dotfiles/tree/master/claude/skills/new-lit-pwa into .opencode/skills/new-lit-pwa/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "new-lit-pwa", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: new-lit-pwa
GitHub stars: 255
Token cost: ~2.1k tokens
SKILL.md length: 659 words
Files: 1
Skills in repo: 20
Repo updated: Oct 10, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo.

Works in 6 steps: Gather information → Create project → Create placeholder icons → …
The user wants to create a new personal web app following this stack
SKILL.md covers Step 1: Gather information, Step 2: Create project, Step 3: Create placeholder icons and Step 4: Install dependencies, plus 2 more sections
Calls git, npm and gh

What it does

New Lit Pwa is an agent skill from jackfranklin/dotfiles. Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo. Use when the user wants to create a new personal web app following this stack.

Its SKILL.md is about 2.1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development. It works with Vite, GitHub and Netlify. The repository describes itself as: My dotfiles for my dev environment, compromising of tmux, vim, zsh and git. The licence is MIT.

When your agent uses it

The user wants to create a new personal web app following this stack

Example prompts

“/new-lit-pwa”

Requirements

Node.js

Workflow steps

6 steps, taken from the step headings in SKILL.md.

Gather information
Create project
Create placeholder icons
Install dependencies
Initialize git and create GitHub repo
Final instructions for the user

What it can do on your machine

Read from SKILL.md and the folder at commit cb5501c. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- git
- npm
- gh
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use git, npm and gh, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

New Lit Pwa loads about 2.1k tokens when it runs. Until then it costs about 46 tokens; SKILL.md has 659 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~46
When it runs · the whole SKILL.md, loaded when a task matches: ~2.1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jackfranklin/dotfiles at commit cb5501c, republished under its MIT licence (© jackfranklin). 659 words, ~2,107 tokens.

Download SKILL.mdSave it as .claude/skills/new-lit-pwa/SKILL.md (or your agent's skills folder).

name: new-lit-pwa
description: Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo. Use when the user wants to create a new personal web app following this stack.
disable-model-invocation: true

You are scaffolding a new personal PWA app. These apps follow a strict set of conventions:

Vite build tool
LitElement web components (TypeScript)
Data stored locally in IndexedDB via the idb library
PWA wrapper via vite-plugin-pwa (installable on phone)
Hosted on Netlify
A "Export backup" button that downloads all data as a JSON file
Private GitHub repo created with the gh CLI
Dark theme with CSS custom properties

Step 1: Gather information

If $ARGUMENTS is not empty, parse it as: <app-name> "<Display Name>" "<Short Name>" "<description>" "<theme-color>"

Otherwise, ask the user for:

app-name — kebab-case, used for directory name, package name, and GitHub repo name
Display Name — full title shown in browser tab and manifest (e.g. "Train Controller")
Short Name — short name for home screen icon label (e.g. "Trains")
Description — one sentence describing what the app does
Theme color — hex color for PWA theme/background (default: #1a1a2e)
Data model — what are the main things this app stores? Describe the fields/types briefly.

Confirm all values with the user before proceeding.

Step 2: Create project

Create the project at ~/git/<app-name>/.

`package.json`

json

{
  "name": "<app-name>",
  "version": "1.0.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "idb": "^8.0.0",
    "lit": "^3.0.0"
  },
  "devDependencies": {
    "typescript": "^5.4.0",
    "vite": "^5.0.0",
    "vite-plugin-pwa": "^0.20.0"
  }
}

`tsconfig.json`

json

{
  "compilerOptions": {
    "target": "ES2022",
    "useDefineForClassFields": false,
    "lib": ["ES2022", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "strict": true,
    "experimentalDecorators": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src"]
}

`vite.config.ts`

Fill in Display Name, Short Name, Description, and theme color from user input.

typescript

import { defineConfig } from 'vite';
import { VitePWA } from 'vite-plugin-pwa';

export default defineConfig({
  plugins: [
    VitePWA({
      registerType: 'autoUpdate',
      includeAssets: ['icons/*.png'],
      manifest: {
        name: '<Display Name>',
        short_name: '<Short Name>',
        description: '<Description>',
        theme_color: '<theme-color>',
        background_color: '<theme-color>',
        display: 'standalone',
        orientation: 'portrait',
        start_url: '/',
        icons: [
          { src: 'icons/icon-192.png', sizes: '192x192', type: 'image/png' },
          { src: 'icons/icon-512.png', sizes: '512x512', type: 'image/png', purpose: 'any maskable' },
        ],
      },
      workbox: {
        globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
        runtimeCaching: [],
      },
    }),
  ],
});

`netlify.toml`

toml

[build]
  command = "npm run build"
  publish = "dist"

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

`index.html`

Fill in Display Name, Short Name, and theme color.

html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="<Short Name>" />
    <meta name="theme-color" content="<theme-color>" />
    <title><Display Name></title>
    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="stylesheet" href="/src/styles/tokens.css" />
    <script type="module" src="/src/main.ts"></script>
  </head>
  <body>
    <app-root></app-root>
  </body>
</html>

`.gitignore`

node_modules
dist
.netlify

`src/main.ts`

typescript

import './components/app-root.js';

`src/styles/tokens.css`

Use the user's theme color as --color-bg and --color-surface. Derive a slightly lighter shade for --color-surface-raised. Use a contrasting accent color. Include the full design token set from the reference app:

Color tokens: --color-bg, --color-surface, --color-surface-raised, --color-accent, --color-accent-dim, --color-text, --color-text-muted, --color-border, --color-success, --color-warning, --color-danger
Spacing scale: --space-xs (4px) through --space-xl (32px)
Border radius: --radius-sm (6px), --radius-md (12px), --radius-lg (20px)
Typography: system font stack, size scale from 0.85rem to 1.4rem
Safe area vars using env(safe-area-inset-*) for mobile notch support
--tap-target: 44px minimum touch target

`src/types.ts`

Define TypeScript interfaces based on the user's described data model. Each record should have:

id: string (UUID)
createdAt: string (ISO date)
updatedAt: string (ISO date)
All user-specified fields with appropriate types

`src/services/db.ts`

IDB service using the idb library. Database name: <app-name>. Version 1.

One object store per main entity (keyPath: id)
Add indexes for any fields the user will search/filter on
Functions: getAll<Entity>(), save<Entity>(item), get<Entity>(id), delete<Entity>(id)
exportData() — serializes all stores to JSON and triggers a file download via a temporary <a> element
importData(json) — parses JSON and bulk-writes all records

Show full SKILL.md (274 more words)Show less

`src/components/app-root.ts`

LitElement root component. Should include:

A header with the app title and an "Export" button that calls exportData()
A FAB or primary button to add a new item
The main list/grid view
Modal pattern for add/edit forms (show/hide based on state property)
Load all data on connectedCallback

Additional components

Generate sensible LitElement components for the data model — at minimum:

A list component showing all items
A card/row component for a single item
A form component (modal) for add/edit

Keep components focused. Use @property() for public props, @state() for internal state. Emit custom events (this.dispatchEvent(new CustomEvent(...))) to communicate up to the root.

All components should:

Use the CSS tokens from tokens.css via :host { } and standard CSS custom property references
Have static styles defined with css\...`(imported fromlit`)
Be mobile-first, touch-friendly (44px tap targets)

Step 3: Create placeholder icons

In public/icons/, create placeholder files named icon-192.png and icon-512.png. Also create placeholder favicon.ico, favicon-16x16.png, favicon-32x32.png, and apple-touch-icon.png in public/.

Tell the user: "You'll need to replace the placeholder icons in public/ with real ones before deploying."

Step 4: Install dependencies

Run npm install in the project directory.

Step 5: Initialize git and create GitHub repo

Run these commands in order:

bash

cd ~/git/<app-name>
git init
git add .
git commit -m "Initial scaffold"
gh repo create <app-name> --private --source=. --remote=origin --push

Step 6: Final instructions for the user

Tell the user:

Run locally: cd ~/git/<app-name> && npm run dev
Deploy to Netlify: Go to app.netlify.com → "Add new site" → "Import an existing project" → connect the GitHub repo <app-name>. Build command is npm run build, publish directory is dist.
Replace icons in public/ with real PNG files at the correct sizes.
Customize the data model in src/types.ts and src/services/db.ts if the generated schema needs adjusting.

Files

Just SKILL.md in claude/skills/new-lit-pwa of jackfranklin/dotfiles.

Open the folder on GitHubat commit cb5501c

Compare with similar skills

New Lit Pwa next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

New Lit Pwa compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
New Lit Pwa this skilljackfranklin/dotfiles	255	—	~2.1k	Automated safety check: Pass	MIT	yesterday
Upgrade Starter Kitworkadventure/map-starter-kit	157	—	~1.3k	Automated safety check: Notes	Custom licence	8 days ago
Investigate Issueanalogjs/analog	3.2k	—	~2k	Automated safety check: Pass	MIT	today
Diy Netlifyswyxio/skills	176	—	~1.1k	Automated safety check: Pass	MIT	6 days ago
Avotokyo Workflowsheyq02/simpleicons.dev	171	—	~1.5k	Automated safety check: Pass	Apache-2.0	21 days ago
TakeoverPentesterFlow/agent	1.4k	—	~3.3k	Automated safety check: Pass	Apache-2.0	1 mo ago

Similar skills

Upgrade Starter Kit
workadventure/map-starter-kit
Upgrade a WorkAdventure map repository to the latest version of the map-starter-kit (github.com/workadventure/map-starter-kit) - refreshes package.json dependencies, vite/tsconfig/build config, CI…
157 GitHub stars~1.3k tokensUpdated 8 days ago
DevelopmentAuto-check: notes
Investigate Issue
analogjs/analog
Investigate a GitHub issue end to end — reproduce the reporter's repo or code snippet in an isolated sandbox outside the monorepo, trace the root cause in the source, and draft a reply back to the…
3.2k GitHub stars~2k tokensUpdated today
DevelopmentAuto-check passed
Diy Netlify
swyxio/skills
Build or audit an isolated Netlify/Vercel-style pull-request preview workflow using GitHub Actions and the project's existing hosting provider.
176 GitHub stars~1.1k tokensUpdated 6 days ago
DevOps & CloudAuto-check passed
Avotokyo Workflows
heyq02/simpleicons.dev
Use avotokyo/workflows reusable GitHub Actions for TypeScript/Vite+ projects.
171 GitHub stars~1.5k tokensUpdated 21 days ago
DevOps & CloudAuto-check passed
Takeover
PentesterFlow/agent
Subdomain takeover playbook — sweep subdomains for dangling CNAMEs / NS records pointing at unclaimed third-party resources (GitHub Pages, S3, Heroku, Azure, Netlify, Shopify, ...), confirm with the…
1.4k GitHub stars~3.3k tokensUpdated 1 mo ago
Backend & APIsAuto-check passed
Cloudflare Workers CD Rollback
mizchi/skills
GitHub Actions CD for Cloudflare Workers through cf with automatic traffic rollback on smoke failure, including JSON deployment snapshots, D1 migrations and prebuilt artifacts.
360 GitHub stars~1.2k tokensUpdated 9 days ago
DevOps & CloudAuto-check: notes

Questions about New Lit Pwa

What does New Lit Pwa do?

Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo. New Lit Pwa is an agent skill from jackfranklin/dotfiles. Scaffold a new Vite + LitElement + IDB PWA app hosted on Netlify with a private GitHub repo.

When should I use New Lit Pwa?

New Lit Pwa fits situations like: the user wants to create a new personal web app following this stack.

How do I install New Lit Pwa in Claude Code?

Run `npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a claude-code`. Or copy the skill folder (claude/skills/new-lit-pwa in jackfranklin/dotfiles) into .claude/skills/new-lit-pwa in your project. Claude Code loads it when a task matches its description.

How do I install New Lit Pwa in Codex?

Run `npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a codex`. Or copy the skill folder (claude/skills/new-lit-pwa in jackfranklin/dotfiles) into .agents/skills/new-lit-pwa in your project. Codex loads it when a task matches its description.

Can I use New Lit Pwa in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jackfranklin/dotfiles --skill new-lit-pwa -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/new-lit-pwa, .gemini/skills/new-lit-pwa, .github/skills/new-lit-pwa and .opencode/skills/new-lit-pwa in your project.

What does New Lit Pwa need to run?

Going by SKILL.md and its folder, New Lit Pwa needs the command-line tools its instructions call (git, npm and gh). Our summary lists: Node.js.

Does New Lit Pwa access the network?

SKILL.md contains no URLs. Its commands use git, npm and gh, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is New Lit Pwa safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does New Lit Pwa use?

New Lit Pwa is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does New Lit Pwa use?

About 2.1k tokens (SKILL.md is roughly 8.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to New Lit Pwa?

Skills that share tags, products or a category with New Lit Pwa: Upgrade Starter Kit (workadventure/map-starter-kit, 157 stars), Investigate Issue (analogjs/analog, 3.2k stars), Diy Netlify (swyxio/skills, 176 stars) and Avotokyo Workflows (heyq02/simpleicons.dev, 171 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains New Lit Pwa?

jackfranklin (a GitHub user) maintains it in jackfranklin/dotfiles, which has 255 GitHub stars. The repository holds 20 skills in this directory. The repository was last updated on October 10, 2026.

Source: jackfranklin/dotfiles on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install New Lit Pwa

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Step 1: Gather information

Step 2: Create project

package.json

tsconfig.json

vite.config.ts

netlify.toml

index.html

.gitignore

src/main.ts

src/styles/tokens.css

src/types.ts

src/services/db.ts

src/components/app-root.ts

Additional components

Step 3: Create placeholder icons

Step 4: Install dependencies

Step 5: Initialize git and create GitHub repo

Step 6: Final instructions for the user

Files

Compare with similar skills

Similar skills

More from jackfranklin/dotfiles

Related

Questions about New Lit Pwa

`package.json`

`tsconfig.json`

`vite.config.ts`

`netlify.toml`

`index.html`

`.gitignore`

`src/main.ts`

`src/styles/tokens.css`

`src/types.ts`

`src/services/db.ts`

`src/components/app-root.ts`