Agent skill

App Planner

by pproenca in pproenca/dot-skills

Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns.

MITAuto-check passedMobile

Install App Planner

skills CLI
$ npx skills add pproenca/dot-skills --skill app-planner -a claude-code

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

GitHub CLI
$ gh skill install pproenca/dot-skills app-planner --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/pproenca/dot-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.experimental/app-planner .claude/skills/app-planner && 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/

Facts

Skill name
app-planner
GitHub stars
214
Token cost
~1.6k tokens
SKILL.md length
488 words
Files
2
Skills in repo
182
Repo updated
First seen
Licence
MIT

At a glance

Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns.

  • Works in 7 steps: Purpose / Big Picture (what the redesign… → User & Moments (personas +… → Progress (living checkboxes, updated… → …
  • The user describes an app idea
  • SKILL.md covers What You Produce, What You Do NOT Produce, The Pattern-First Approach and Output Format, plus 1 more section
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

App Planner is an agent skill from pproenca/dot-skills. Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns. Each feature group becomes a milestone buildable in one ios-taste session. Use when the user describes an app idea, domain, or workflow and needs a structured plan before building. Triggers on "plan this app", "what features does X need", "design plan", "feature breakdown", "what screens do I need", or any pre-build planning question. Also trigger when the user provides workflow…

Its SKILL.md is about 1.6k tokens, which your agent loads only when the skill is triggered. The skill folder holds 1 other file (for example `metadata.json`).

It sits in Mobile, covering Project management, UI design and iOS development. It works with iOS and SwiftUI. The repository describes itself as: A collection of AI agent skills following the Agent Skills open format. The licence is MIT.

When your agent uses it

  • The user describes an app idea
  • Workflow and needs a structured plan before building
  • What features does X need
  • Feature breakdown

Example prompts

  • “plan this app”
  • “what features does X need”
  • “design plan”
  • “/app-planner”

Workflow steps

7 steps, taken from the first numbered list in SKILL.md.

  1. Purpose / Big Picture (what the redesign achieves)
  2. User & Moments (personas + frequency-ranked interactions)
  3. Progress (living checkboxes, updated each session)
  4. Design Milestones (one per screen, pattern-mapped)
  5. Deliberate Omissions (what's NOT in scope)
  6. Decision Log (updated during execution)
  7. Surprises & Discoveries (updated during execution)

What it can do on your machine

Read from SKILL.md and the folder at commit cf93c57. 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

    No scripts in the folder and no shell commands in SKILL.md (its code samples are markdown).

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    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

App Planner loads about 1.6k tokens when it runs. Until then it costs about 170 tokens; SKILL.md has 488 words of instructions outside code blocks.

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

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 pproenca/dot-skills at commit cf93c57, republished under its MIT licence (© pproenca). 488 words, ~1,583 tokens.

Download SKILL.mdSave it as .claude/skills/app-planner/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
app-planner
description
Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns. Each feature group becomes a milestone buildable in one ios-taste session. Use when the user describes an app idea, domain, or workflow and needs a structured plan before building. Triggers on "plan this app", "what features does X need", "design plan", "feature breakdown", "what screens do I need", or any pre-build planning question. Also trigger when the user provides workflow notes or user interview results. CRITICAL: This skill produces a DESIGN-PLAN document only. It does NOT generate SwiftUI code, layouts, or visual design.

App Planner

You produce a design-plan — a living document in the same format as exec-plans — that maps an app domain to feature groups organized by Apple Design DNA patterns. Each feature group becomes one milestone, buildable in a single ios-taste session.

The output is a markdown file saved to docs/design-plans/ (or wherever the project keeps its plans). It drives the entire build process across multiple sessions.

What You Produce

A design-plan document with these sections:

  1. Purpose / Big Picture (what the redesign achieves)
  2. User & Moments (personas + frequency-ranked interactions)
  3. Progress (living checkboxes, updated each session)
  4. Design Milestones (one per screen, pattern-mapped)
  5. Deliberate Omissions (what's NOT in scope)
  6. Decision Log (updated during execution)
  7. Surprises & Discoveries (updated during execution)

What You Do NOT Produce

  • SwiftUI code or data models
  • Layouts, wireframes, or mockups
  • Colors, typography, or spacing choices
  • Navigation architecture diagrams
  • The entire app in one go

Building happens later. One milestone at a time. Using ios-taste.

The Pattern-First Approach

Read references/apple-design-dna.md in the ios-taste skill directory (~/.claude/skills/ios-taste/references/apple-design-dna.md). It contains 22 patterns extracted from 6 Apple apps. These are your building blocks.

PatternFromBest For
Time GridCalendarScheduling, appointments, day planning
Poster DetailContactsPerson/entity profiles, identity views
Glass-on-GradientContactsPremium detail views, record displays
Dashboard CardsFitnessAt-a-glance metrics, daily summaries
Modular Card GridWeatherMulti-metric displays, status dashboards
Hierarchical ZoomCalendarBrowsing across time scales or detail levels
Haptic State TransitionsCalendarMode changes, drag interactions, snap points
Metric Detail TemplateHealthData drill-down with chart + education
Semantic Domain ColorsHealthMulti-category systems needing visual coding
Dense GridPhotosImage/thumbnail collections
Annotation LayerPhotos MarkupDrawing/marking/annotating on images
Signature CapturePhotos MarkupConsent, sign-off, handwritten input
Card vs Row GrammarFitness/ContactsDashboard (cards) vs detail (rows)
Inline Data EnhancementContacts/FitnessPreviews embedded in rows
Empty State SkeletonsFitnessShow structure before data exists
Show full SKILL.md (178 more words)Show less

Output Format

Save the design-plan as a markdown file. Structure it EXACTLY like this:

markdown
# [App Name] Design Plan — [Focus]

This DesignPlan is a living document. Progress, Decision Log, and
Surprises & Discoveries must stay up to date as work proceeds.

## Purpose / Big Picture

[1-3 sentences: what the user can do AFTER this plan is executed.
Outcome-focused, not feature-list.]

## User & Moments

- **[Persona 1]**: [who, when, device context]
- **[Persona 2]**: [who, when, device context]

| Frequency | Moment | What they do |
|-----------|--------|-------------|
| 50x/day | [moment name] | [one line] |
| 10x/day | [moment name] | [one line] |
| 5x/day | [moment name] | [one line] |
| 1x/day | [moment name] | [one line] |
| 1x/week | [moment name] | [one line] |

## Progress

- [ ] Milestone 1: [screen name]
- [ ] Milestone 2: [screen name]
- [ ] Milestone 3: [screen name]
...

## Design Milestones

### Milestone 1: [Screen Name]

**User goal**: "[What the user is trying to do — in their words]"
**Pattern**: [Apple Design DNA pattern name] (from [source app])
**Priority**: Must-have
**Frequency**: [how often this screen is used]
**Existing TCA domain**: [which reducer/feature this touches]

**Features**:
- [Feature] — [why the user needs it]
- [Feature] — [why the user needs it]
- [Feature] — [why the user needs it]

**Acceptance criteria**:
1. [Observable proof — what the screen shows/does]
2. [User test — "show to [persona], they say X"]
3. [Technical — builds, tests pass, no raw design tokens]

**ios-taste prompt** (use this to start the build session):
> "[Exact prompt to give ios-taste to build this screen, including
> user context, emotional intent, and which pattern to reference]"

---

### Milestone 2: [Screen Name]
...

## Deliberate Omissions

- [Feature] — [why it's excluded]
- [Feature] — [why it's excluded]

## Decision Log

_Updated during execution._

## Surprises & Discoveries

_Updated during execution._

Rules

  1. Group by user goal, not technical category. "See my day at a glance" not "Calendar Module."

  2. Every milestone = ONE screen = ONE pattern = ONE ios-taste session. If a milestone needs two patterns, split it into two milestones.

  3. Build order follows frequency. The 50x/day screen is Milestone 1.

  4. Max 8 milestones. More than 8 means over-scoping. Merge or defer.

  5. Every feature has a "why". Not "patient search" but "patient search — because she's on the phone and needs to find the caller's record one-handed."

  6. Include the ios-taste prompt. Each milestone has a pre-written prompt that starts the build session. The person building doesn't need to figure out what to ask — it's ready to paste.

  7. Reference existing code. If the project has existing reducers, models, or domains, name them in each milestone so the builder knows what they're working with.

  8. Acceptance criteria are testable. Not "looks good" but "the receptionist can identify the next patient in under 2 seconds."

© pproenca, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in skills/.experimental/app-planner of pproenca/dot-skills.

  • SKILL.md
  • metadata.json

Open the folder on GitHubat commit cf93c57

Compare with similar skills

App Planner 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.

App Planner compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
App Planner this skillpproenca/dot-skills214—~1.6kAutomated safety check: PassMIT
SwiftUI Design SkillWholiver/swiftui-design-skill210—~2.8kAutomated safety check: PassMIT
Swiftui Animation MatchRayFernando1337/rayfernando-skills130—~1.3kAutomated safety check: PassApache-2.0
Mobile Designtimusus/Shuttle2229—~2.3kAutomated safety check: PassApache-2.0
Hig Project Contextraintree-technology/hig-doctor1425 repos~1.2kAutomated safety check: PassMIT
Hig Components Contentraintree-technology/hig-doctor1425 repos~1.3kAutomated safety check: PassMIT

Similar skills

  • SwiftUI Design Skill

    Wholiver/swiftui-design-skill

    Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

    210 GitHub stars~2.8k tokensUpdated 5 mo ago
    MobileAuto-check passed
  • Swiftui Animation Match

    RayFernando1337/rayfernando-skills

    Match UI/UX interaction needs to proven SwiftUI animation patterns from curated open-source catalogs.

    130 GitHub stars~1.3k tokensUpdated 2 mo ago
    MobileAuto-check passed
  • Mobile Design

    timusus/Shuttle2

    UI/UX design, critique and audit for Shuttle Music on Android (Compose, Material 3 Expressive) and iOS (SwiftUI, HIG, Liquid Glass) — every form factor (phone, foldable, tablet, desktop window, car…

    229 GitHub stars~2.3k tokensUpdated yesterday
    MobileAuto-check passed
  • Hig Project Context

    raintree-technology/hig-doctor

    Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

    142 GitHub starsUsed in 5 repos~1.2k tokens
    MobileAuto-check passed
  • Hig Components Content

    raintree-technology/hig-doctor

    Apple Human Interface Guidelines for content display components.

    142 GitHub starsUsed in 5 repos~1.3k tokens
    MobileAuto-check passed
  • iOS Design Guidelines

    ehmo/platform-design-skills

    Apple Human Interface Guidelines for iPhone. An agent skill from ehmo/platform-design-skills.

    605 GitHub stars~9k tokensUpdated 6 mo ago
    MobileAuto-check passed

More from pproenca/dot-skills

All 182 skills in this repo
  • Audio Voice Recovery

    pproenca/dot-skills

    Audio forensics and voice recovery guidelines for CSI-level audio analysis.

    214 GitHub stars~3.3k tokensUpdated 1 mo ago
    Auto-check passed
  • Codemod React Pipeline

    pproenca/dot-skills

    Guided, scripted pipeline for running JSX/TSX/React codemods safely across large legacy codebases.

    214 GitHub stars~1.6k tokensUpdated 1 mo ago
    Auto-check passed
  • Dev Rfc

    pproenca/dot-skills

    Create well-structured RFCs and technical proposals for software projects.

    214 GitHub stars~3.8k tokensUpdated 1 mo ago
    Auto-check passed
  • Dx Harness

    pproenca/dot-skills

    Developer-experience friction auditing and fixing — slow onboarding, repeated manual setup steps, missing bootstrap/reset/seed scripts, undiscoverable conventions.

    214 GitHub stars~1.5k tokensUpdated 1 mo ago
    Auto-check passed
  • Language Spec Author

    pproenca/dot-skills

    Turn a rough idea for a language into a complete, implementable specification — a DSL, query, config/data, template, or protocol language — by interviewing the author dimension by dimension until…

    214 GitHub stars~2.4k tokensUpdated 1 mo ago
    Auto-check passed
  • Python Pep Author

    pproenca/dot-skills

    Drafting Python Enhancement Proposals (PEPs) — proposing a Python language feature, a standard library change, an interoperability standard, or an informational/process document for the Python…

    214 GitHub stars~2.1k tokensUpdated 1 mo ago
    Auto-check passed

Works with

Questions about App Planner

What does App Planner do?

Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns. App Planner is an agent skill from pproenca/dot-skills. Produces a design-plan (living document like an exec-plan) that maps an app domain to feature groups using Apple Design DNA patterns.

When should I use App Planner?

App Planner fits situations like: the user describes an app idea; workflow and needs a structured plan before building; what features does X need; feature breakdown.

How do I install App Planner in Claude Code?

Run `npx skills add pproenca/dot-skills --skill app-planner -a claude-code`. Or copy the skill folder (skills/.experimental/app-planner in pproenca/dot-skills) into .claude/skills/app-planner in your project. Claude Code loads it when a task matches its description.

How do I install App Planner in Codex?

Run `npx skills add pproenca/dot-skills --skill app-planner -a codex`. Or copy the skill folder (skills/.experimental/app-planner in pproenca/dot-skills) into .agents/skills/app-planner in your project. Codex loads it when a task matches its description.

Can I use App Planner 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 pproenca/dot-skills --skill app-planner -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/app-planner, .gemini/skills/app-planner, .github/skills/app-planner and .opencode/skills/app-planner in your project.

What does App Planner need to run?

SKILL.md names no scripts, command-line tools or credentials: App Planner is instructions for the agent only.

Does App Planner access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is App Planner 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 App Planner use?

App Planner 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 App Planner use?

About 1.6k tokens (SKILL.md is roughly 6.3k 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 App Planner?

Skills that share tags, products or a category with App Planner: SwiftUI Design Skill (Wholiver/swiftui-design-skill, 210 stars), Swiftui Animation Match (RayFernando1337/rayfernando-skills, 130 stars), Mobile Design (timusus/Shuttle2, 229 stars) and Hig Project Context (raintree-technology/hig-doctor, 142 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains App Planner?

pproenca (a GitHub user) maintains it in pproenca/dot-skills, which has 214 GitHub stars. The repository holds 182 skills in this directory. The repository was last updated on August 15, 2026.

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