New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

UX Flow Plan

by jnsahaj in jnsahaj/skills

Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is clear.

No licenceAuto-check passedDevelopment

Install UX Flow Plan

skills CLI
$ npx skills add jnsahaj/skills --skill ux-flow-plan -a claude-code

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

GitHub CLI
$ gh skill install jnsahaj/skills ux-flow-plan --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/jnsahaj/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/ux-flow-plan .claude/skills/ux-flow-plan && 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
ux-flow-plan
GitHub stars
105
Used in
1 other repo
Token cost
~468 tokens
SKILL.md length
200 words
Files
1
Skills in repo
8
Repo updated
First seen
Licence
None found

At a glance

Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is clear.

  • Works in 6 steps: Restate the feature goal in product… → Build the current-state UX flow as a tree → Build the desired-state UX flow as a… → …
  • Development work in your project
  • SKILL.md covers Steps and Rules
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

UX Flow Plan is an agent skill from jnsahaj/skills. Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is clear.

Its SKILL.md is about 470 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. The repository describes itself as: Agent skills I use daily.

When your agent uses it

  • Development work in your project

Example prompts

  • “/ux-flow-plan”

Workflow steps

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

  1. Restate the feature goal in product terms, using the user's language.
  2. Build the current-state UX flow as a tree
  3. Build the desired-state UX flow as a second tree
  4. Identify the architectural boundary decisions
  5. Attach implementation anchors after the trees, not before
  6. End with a small decision list

What it can do on your machine

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

    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

UX Flow Plan loads about 468 tokens when it runs. Until then it costs about 39 tokens; SKILL.md has 200 words of instructions outside code blocks.

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

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

Without a licence we can't republish the file, so here is its outline and opening line. It has 200 words (~468 tokens).

“Create a high-level architecture plan that starts from the user experience and only then maps to code-level anchors.”

— opening of SKILL.md by jnsahaj
name
ux-flow-plan
user-invocable
true

Read the full SKILL.md on GitHub

Files

Just SKILL.md in skills/ux-flow-plan of jnsahaj/skills.

Open the folder on GitHubat commit 170b0b9

Used in 1 other repository

We found 1 copy of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in jnsahaj/skills, which our catalogue first saw on October 7, 2026.

Compare with similar skills

UX Flow Plan 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.

UX Flow Plan compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
UX Flow Plan this skilljnsahaj/skills1051 repos~468Automated safety check: PassNone
Vercel Composition Patternssupabase/supabase111k58 repos~726Automated safety check: PassMIT
Finishing a Development Branchobra/superpowers297k5 repos~1.9kAutomated safety check: PassMIT
Typescript Advanced Typesrolling-scopes/rsschool-app10k25 repos~4.2kAutomated safety check: PassMPL-2.0
PR Babysitteropeninterpreter/openinterpreter69k3 repos~4.2kAutomated safety check: PassApache-2.0
Code Review ChecklistshareAI-lab/learn-claude-code78k4 repos~1.1kAutomated safety check: PassMIT

Similar skills

  • Vercel Composition Patterns

    supabase/supabase

    Official

    React composition patterns that scale. An agent skill from supabase/supabase.

    111k GitHub starsUsed in 58 repos~726 tokens
    DevelopmentAuto-check passed

  • Finishing a Development Branch

    obra/superpowers

    Walks the last step of a branch: confirm tests pass, detect the git environment, ask how to integrate, carry out your choice and clean up the worktree.

    297k GitHub starsUsed in 5 repos~1.9k tokens
    DevelopmentAuto-check passed

  • Typescript Advanced Types

    rolling-scopes/rsschool-app

    Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications.

    10k GitHub starsUsed in 25 repos~4.2k tokens
    DevelopmentAuto-check passed

  • PR Babysitter

    openinterpreter/openinterpreter

    Watches an open GitHub pull request until it merges, handling review comments, diagnosing CI failures and retrying flaky checks along the way.

    69k GitHub starsUsed in 3 repos~4.2k tokens
    DevelopmentAuto-check passed

  • Code Review Checklist

    shareAI-lab/learn-claude-code

    Reviews code against a five-part checklist covering security, correctness, performance, maintainability and testing, and reports findings in a fixed format.

    78k GitHub starsUsed in 4 repos~1.1k tokens
    DevelopmentAuto-check passed

  • Greploop

    onyx-dot-app/onyx

    Iteratively improves a PR (GitHub), MR (GitLab), or shelved changelist (Perforce) until Greptile gives it a 5/5 confidence score with zero unresolved comments.

    32k GitHub starsUsed in 4 repos~3.3k tokens
    DevelopmentAuto-check passed

More from jnsahaj/skills

All 8 skills in this repo

  • Ga PR

    jnsahaj/skills

    Kick off follow-up work on an existing PR in a parallel tmux/agent session.

    105 GitHub starsUsed in 1 repo~441 tokens
    Auto-check passed

  • Prepare Branch Context

    jnsahaj/skills

    Analyze the current branch's diff from main and related PR to build context for followup requests.

    105 GitHub starsUsed in 1 repo~552 tokens
    Auto-check passed

  • Create Draft PR

    jnsahaj/skills

    Commit, push, and create a draft PR using the pr-description format, with UX flow context when relevant.

    105 GitHub starsUsed in 1 repo~590 tokens
    Auto-check passed

  • Ga

    jnsahaj/skills

    Kick off a new feature or fix in a parallel clone with Pi working autonomously.

    105 GitHub starsUsed in 1 repo~756 tokens
    Auto-check passed

  • Pit Of Success

    jnsahaj/skills

    Review or refactor code so the correct behavior is the default path; use when APIs, setters, hooks, helpers, or component props have footguns where a natural call bypasses required semantics.

    105 GitHub starsUsed in 1 repo~500 tokens
    Auto-check passed

  • Zero Tech Debt

    jnsahaj/skills

    Rework a change as if the intended UX and architecture existed from day one, deleting compatibility cruft and accidental complexity.

    105 GitHub starsUsed in 1 repo~354 tokens
    Auto-check passed

Categories

Questions about UX Flow Plan

What does UX Flow Plan do?

Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is clear. UX Flow Plan is an agent skill from jnsahaj/skills. Create UX-first plans as flow trees, then attach concrete function names, files, and implementation anchors after the high-level flow is clear.

When should I use UX Flow Plan?

UX Flow Plan fits situations like: development work in your project.

How do I install UX Flow Plan in Claude Code?

Run `npx skills add jnsahaj/skills --skill ux-flow-plan -a claude-code`. Or copy the skill folder (skills/ux-flow-plan in jnsahaj/skills) into .claude/skills/ux-flow-plan in your project. Claude Code loads it when a task matches its description.

How do I install UX Flow Plan in Codex?

Run `npx skills add jnsahaj/skills --skill ux-flow-plan -a codex`. Or copy the skill folder (skills/ux-flow-plan in jnsahaj/skills) into .agents/skills/ux-flow-plan in your project. Codex loads it when a task matches its description.

Can I use UX Flow Plan 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 jnsahaj/skills --skill ux-flow-plan -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ux-flow-plan, .gemini/skills/ux-flow-plan, .github/skills/ux-flow-plan and .opencode/skills/ux-flow-plan in your project.

What does UX Flow Plan need to run?

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

Does UX Flow Plan 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 UX Flow Plan 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 UX Flow Plan use?

No licence was found for UX Flow Plan or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does UX Flow Plan use?

About 468 tokens (SKILL.md is roughly 1.9k 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 UX Flow Plan?

Skills that share tags, products or a category with UX Flow Plan: Vercel Composition Patterns (supabase/supabase, 111k stars), Finishing a Development Branch (obra/superpowers, 297k stars), Typescript Advanced Types (rolling-scopes/rsschool-app, 10k stars) and PR Babysitter (openinterpreter/openinterpreter, 69k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains UX Flow Plan?

jnsahaj (a GitHub user) maintains it in jnsahaj/skills, which has 105 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 5, 2026.

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