App Template Improver

Improve app artifact templates

by wondelai · MIT license · ★ 2,235 on GitHub · updated Sep 10

Improve app artifact templates cover

Skeletons this metaskill creates in the user's docs/ folder.

# improve-app artifact templates

Skeletons this metaskill creates in the user's docs/ folder. This journey mostly *extends* files another
journey created (CUSTOMER.md is created by create-app / create-business); for those, the section headings
named in each phase are the contract — read the file before writing, add or update your sections, and
preserve everyone else's. The skeletons below are the files this journey most often creates from scratch
when they are missing; copy them verbatim only then, since the headings are a cross-metaskill contract —
do not rename or reorder them.

## Tracker: docs/IMPROVE-APP-PLAN.md

Created on the first run (Intake). Never shared with another journey.

```markdown
# Improve App Plan

## Context
Intake answers, date started, project specifics.

Overview

Skeletons this metaskill creates in the user's docs/ folder. This journey mostly extends files another journey created (CUSTOMER.md is created by create-app / create-business); for those, the section headings named in each phase are the contract — read the file before writing, add or update your sections, and preserve everyone else's. The skeletons below are the files this journey most often creates from scratch when they are missing; copy them verbatim only then, since the headings are a cross-metaskill contract — do not rename or reorder them.

Manual install (npx, ZIP)
Claude Codenpx skills add wondelai/skills --skill improve-app-artifact-templates -g -a claude-code
Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • artifact-templates.md4.2 KB
Read artifact-templates.md here
wondelai/main1 file
artifact-templates.md
Show the full text149 lines

improve-app artifact templates

Skeletons this metaskill creates in the user's docs/ folder. This journey mostly extends files another journey created (CUSTOMER.md is created by create-app / create-business); for those, the section headings named in each phase are the contract — read the file before writing, add or update your sections, and preserve everyone else's. The skeletons below are the files this journey most often creates from scratch when they are missing; copy them verbatim only then, since the headings are a cross-metaskill contract — do not rename or reorder them.

Tracker: docs/IMPROVE-APP-PLAN.md

Created on the first run (Intake). Never shared with another journey.

# Improve App Plan

## Context
Intake answers, date started, project specifics.

## Phase Status
| Phase | Skill | Status | Artifact | Date |
|---|---|---|---|---|
| 1 | jobs-to-be-done | pending | CUSTOMER.md | |
| 2 | ux-heuristics | pending | DESIGN.md, EXPERIMENTS.md | |
| 3 | design-everyday-things | pending | DESIGN.md, EXPERIMENTS.md | |
| 4 | refactoring-ui | pending | DESIGN.md, EXPERIMENTS.md | |
| 5 | microinteractions | pending | DESIGN.md, EXPERIMENTS.md | |
| 6 | made-to-stick | pending | POSITIONING.md, EXPERIMENTS.md | |
| 7 | influence-psychology | pending | POSITIONING.md, EXPERIMENTS.md | |
| 8 | high-perf-browser | pending | DESIGN.md, EXPERIMENTS.md | |
| 9 | steve-jobs-design-review | pending | PRODUCT.md, DESIGN.md, EXPERIMENTS.md | |
Statuses: pending · in-progress · awaiting-evidence · done · deferred: <reason> · skipped: <reason>

## Key Decisions
| Date | Phase | Decision | Rationale |
|---|---|---|---|

## Next Actions
- [ ] action (owner, due)

docs/DESIGN.md

Visual and interaction system. Creates: create-website, create-app. Extends: improve-website, improve-app, grow-app.

# Design System

## Design Direction
Signature moment, personality, references.

## Typography
Typefaces, scale, measure, line height, loading strategy.

## Tokens
Spacing scale · color palette (shades, tinted grays) · shadows.

## Components
| Component | Decision | Status |
|---|---|---|

## UX Audit Findings
| Issue | Heuristic | Severity (0-4) | Fix | Status |
|---|---|---|---|---|

## Microinteraction Inventory
| Interaction | Trigger/Rules/Feedback/Loops | Fix | Status |
|---|---|---|---|

docs/EXPERIMENTS.md

Every test we run, with pre-committed criteria. Creates: create-business, create-app. Extends: improve-website, grow-website, grow-app, improve-app, create-website.

# Experiments

## Experiment Cards
### EXP-001 — [name]
- Hypothesis: We believe [outcome] if [who] [does what] because [reason]
- Type: sprint / smoke test / concierge / painted door / A-B
- Primary metric & threshold (pre-committed):
- Guardrail metric:
- Decision rule (pivot / persevere / iterate):
- Result & verdict:

## Experiment Backlog
| Idea | ICE (impact/confidence/ease) | Status |
|---|---|---|

docs/POSITIONING.md

How the market should understand us — positioning canvas and messaging in one file. Creates: create-business, create-website. Extends: grow-website, grow-business, improve-website, improve-app.

# Positioning & Messaging

## Competitive Alternatives

## Unique Attributes → Value Themes
| Attribute | Value ("so what") | Proof |
|---|---|---|

## Best-Fit Customer

## Market Category
Choice (existing / subcategory / new) and rationale.

## One-Liner

## Brand Script (StoryBrand)
Character · Problem (external/internal/philosophical) · Guide · Plan · Call to action · Failure · Success.

## Key Messages
| Surface | Message | Status |
|---|---|---|

docs/PRODUCT.md

What we build and why. Creates: create-app, create-business. Extends: grow-app, improve-app.

# Product

## Vision
One paragraph.

## MVP Definition
Type, scope, what it deliberately excludes.

## Outcome Roadmap
| Outcome / problem | Job served | Priority | Status |
|---|---|---|---|

## Opportunity Solution Tree Notes

## Hook Model
Trigger → Action → Variable reward → Investment; weakest phase.

## Activation & Retention Plan
| Friction / moment | Fix | Owner | Status |
|---|---|---|---|

## Discovery Cadence
Weekly touchpoint plan.
1# improve-app artifact templates
2 
3Skeletons this metaskill creates in the user's docs/ folder. This journey mostly *extends* files another
4journey created (CUSTOMER.md is created by create-app / create-business); for those, the section headings
5named in each phase are the contract — read the file before writing, add or update your sections, and
6preserve everyone else's. The skeletons below are the files this journey most often creates from scratch
7when they are missing; copy them verbatim only then, since the headings are a cross-metaskill contract —
8do not rename or reorder them.
9 
10## Tracker: docs/IMPROVE-APP-PLAN.md
11 
12Created on the first run (Intake). Never shared with another journey.
13 
14```markdown
15# Improve App Plan
16 
17## Context
18Intake answers, date started, project specifics.
19 
20## Phase Status
21| Phase | Skill | Status | Artifact | Date |
22|---|---|---|---|---|
23| 1 | jobs-to-be-done | pending | CUSTOMER.md | |
24| 2 | ux-heuristics | pending | DESIGN.md, EXPERIMENTS.md | |
25| 3 | design-everyday-things | pending | DESIGN.md, EXPERIMENTS.md | |
26| 4 | refactoring-ui | pending | DESIGN.md, EXPERIMENTS.md | |
27| 5 | microinteractions | pending | DESIGN.md, EXPERIMENTS.md | |
28| 6 | made-to-stick | pending | POSITIONING.md, EXPERIMENTS.md | |
29| 7 | influence-psychology | pending | POSITIONING.md, EXPERIMENTS.md | |
30| 8 | high-perf-browser | pending | DESIGN.md, EXPERIMENTS.md | |
31| 9 | steve-jobs-design-review | pending | PRODUCT.md, DESIGN.md, EXPERIMENTS.md | |
32Statuses: pending · in-progress · awaiting-evidence · done · deferred: <reason> · skipped: <reason>
33 
34## Key Decisions
35| Date | Phase | Decision | Rationale |
36|---|---|---|---|
37 
38## Next Actions
39- [ ] action (owner, due)
40```
41 
42## docs/DESIGN.md
43 
44Visual and interaction system. Creates: create-website, create-app. Extends: improve-website, improve-app, grow-app.
45 
46```markdown
47# Design System
48 
49## Design Direction
50Signature moment, personality, references.
51 
52## Typography
53Typefaces, scale, measure, line height, loading strategy.
54 
55## Tokens
56Spacing scale · color palette (shades, tinted grays) · shadows.
57 
58## Components
59| Component | Decision | Status |
60|---|---|---|
61 
62## UX Audit Findings
63| Issue | Heuristic | Severity (0-4) | Fix | Status |
64|---|---|---|---|---|
65 
66## Microinteraction Inventory
67| Interaction | Trigger/Rules/Feedback/Loops | Fix | Status |
68|---|---|---|---|
69```
70 
71## docs/EXPERIMENTS.md
72 
73Every test we run, with pre-committed criteria. Creates: create-business, create-app. Extends: improve-website, grow-website, grow-app, improve-app, create-website.
74 
75```markdown
76# Experiments
77 
78## Experiment Cards
79### EXP-001 — [name]
80- Hypothesis: We believe [outcome] if [who] [does what] because [reason]
81- Type: sprint / smoke test / concierge / painted door / A-B
82- Primary metric & threshold (pre-committed):
83- Guardrail metric:
84- Decision rule (pivot / persevere / iterate):
85- Result & verdict:
86 
87## Experiment Backlog
88| Idea | ICE (impact/confidence/ease) | Status |
89|---|---|---|
90```
91 
92## docs/POSITIONING.md
93 
94How the market should understand us — positioning canvas and messaging in one file. Creates: create-business, create-website. Extends: grow-website, grow-business, improve-website, improve-app.
95 
96```markdown
97# Positioning & Messaging
98 
99## Competitive Alternatives
100 
101## Unique Attributes → Value Themes
102| Attribute | Value ("so what") | Proof |
103|---|---|---|
104 
105## Best-Fit Customer
106 
107## Market Category
108Choice (existing / subcategory / new) and rationale.
109 
110## One-Liner
111 
112## Brand Script (StoryBrand)
113Character · Problem (external/internal/philosophical) · Guide · Plan · Call to action · Failure · Success.
114 
115## Key Messages
116| Surface | Message | Status |
117|---|---|---|
118```
119 
120## docs/PRODUCT.md
121 
122What we build and why. Creates: create-app, create-business. Extends: grow-app, improve-app.
123 
124```markdown
125# Product
126 
127## Vision
128One paragraph.
129 
130## MVP Definition
131Type, scope, what it deliberately excludes.
132 
133## Outcome Roadmap
134| Outcome / problem | Job served | Priority | Status |
135|---|---|---|---|
136 
137## Opportunity Solution Tree Notes
138 
139## Hook Model
140Trigger → Action → Variable reward → Investment; weakest phase.
141 
142## Activation & Retention Plan
143| Friction / moment | Fix | Owner | Status |
144|---|---|---|---|
145 
146## Discovery Cadence
147Weekly touchpoint plan.
148```
149 
View all files on GitHub →

Details

Updated
Sep 10, 2026
License
MIT
Stars on the repo
★ 2,235
Checked
Source
wondelai/skills ↗
Creator
wondelai · 319 listings
View creator

Similar skills

See all →

More from wondelai

SkillSoftware Design Philosophywondelai/skills · by wondelaiManage software complexity through deep modules, information hiding, and strategic programming. Use when the user mentions "module design", "API too complex", "shallow class", "complexity budget", "strategic vs tactical", "deep module", "information leakage", "pass-through method", "this code is over-engineered", or "simplify this design". Also trigger when reviewing an interface for simplicity, evaluating whether an abstraction is pulling its weight, deciding whether a comment is worth writing, or choosing between general-purpose and special-purpose approaches. Covers deep vs shallow modules, red flags for complexity, and comments as design documentation. For code quality, see clean-code. For architecture boundaries, see clean-architecture.★ 2.2k GitHub starsSkillActionable Metrics Guidewondelai/skills · by wondelaiMetrics are the language of validated learning. The wrong metrics create the illusion of progress while the startup drifts toward failure.…★ 2.2k GitHub starsSkillAdvertising Mediawondelai/skills · by wondelaiAdvertising media is the vehicle that carries your message to your target market. Choosing the right media is not about what is trendy — it…★ 2.2k GitHub starsSkillAffordance Designwondelai/skills · by wondelaiAn affordance is a relationship between an object and a person that determines how the object could possibly be used. A chair affords…★ 2.2k GitHub starsSkillLean UX in Agile Teamswondelai/skills · by wondelaiLean UX was designed to work inside Agile development teams, not alongside them. The central mechanism is dual-track agile, where a…★ 2.2k GitHub starsSkillAMP Framework Practitionerwondelai/skills · by wondelaiThis reference translates the AMP framework from theory into practice across six domains: product gamification, team management,…★ 2.2k GitHub stars