{"id":"6e9ba669-e8da-473c-bb6f-bf4d4317b670","shortId":"p6HgdZ","kind":"skill","title":"ux-flow","tagline":"Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids.","description":"# UX Flow\n\n## Overview\n\nPart of [StyleSeed](https://github.com/bitjaru/styleseed), this skill designs flows before screens. It uses proven UX patterns to define entry points, exits, screen inventory, and navigation structure so the implementation has a coherent user journey instead of a pile of disconnected pages.\n\n## When to Use\n- Use when planning onboarding, checkout, account management, dashboards, or drill-down flows\n- Use when a new feature spans multiple screens or modal states\n- Use when users need a clear path through a task instead of a single isolated page\n- Use when the UI needs navigation logic before components are built\n\n## How It Works\n\n### Information Architecture Principles\n\n- progressive disclosure: reveal complexity only when needed\n- Miller's Law: chunk content into manageable groups\n- Hick's Law: minimize decision overload on each screen\n\n### Common Navigation Models\n\n- hub and spoke for dashboards and detail views\n- linear flow for onboarding, forms, and checkout\n- tab navigation for 3 to 5 top-level areas\n\n### Flow Rules\n\n- every flow has a clear entry point\n- every flow has a clear exit or success condition\n- key features should usually be reachable within three taps from home\n- non-root screens need back navigation\n- loading, empty, and error states need explicit recovery paths\n\n## Output\n\nProvide:\n1. An ASCII flow diagram\n2. A screen inventory with each screen's purpose\n3. Edge cases for loading, empty, and error states\n4. Recommended page scaffolds and reusable patterns to implement next\n\n## Best Practices\n\n- Optimize for clarity before density\n- Let one screen answer one primary question\n- Keep escape hatches visible for risky or destructive steps\n- Define state transitions before drawing detailed layouts\n\n## Additional Resources\n\n- [StyleSeed repository](https://github.com/bitjaru/styleseed)\n- [Source skill](https://github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-flow/SKILL.md)\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["flow","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity-skills"],"capabilities":["skill","source-sickn33","skill-ux-flow","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/ux-flow","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34404 github stars · SKILL.md body (2,279 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-22T00:51:55.100Z","embedding":null,"createdAt":"2026-04-18T21:47:00.953Z","updatedAt":"2026-04-22T00:51:55.100Z","lastSeenAt":"2026-04-22T00:51:55.100Z","tsv":"'/bitjaru/styleseed)':299 '/bitjaru/styleseed),':34 '/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-flow/skill.md)':304 '1':230 '2':235 '3':176,244 '4':253 '5':178 'account':79 'addit':293 'answer':273 'architectur':129 'area':182 'ascii':232 'ask':338 'back':217 'best':263 'boundari':346 'built':124 'case':246 'checkout':78,172 'chunk':141 'clarif':340 'clariti':267 'clear':103,189,196,313 'coher':61 'common':155 'complex':134 'compon':122 'condit':200 'content':142 'criteria':349 'dashboard':81,162 'decis':150 'defin':47,286 'densiti':269 'describ':317 'design':4,37 'destruct':284 'detail':164,291 'diagram':234 'disclosur':17,132 'disconnect':69 'draw':290 'drill':84 'drill-down':83 'edg':245 'empti':220,249 'entri':48,190 'environ':329 'environment-specif':328 'error':222,251 'escap':278 'everi':185,192 'exit':50,197 'expert':334 'explicit':225 'featur':91,202 'flow':3,6,27,38,86,167,183,186,193,233 'form':170 'github.com':33,298,303 'github.com/bitjaru/styleseed)':297 'github.com/bitjaru/styleseed),':32 'github.com/bitjaru/styleseed/blob/main/seeds/toss/.claude/skills/ux-flow/skill.md)':302 'group':145 'hatch':279 'hick':146 'home':211 'hub':19,158 'hub-and-spok':18 'implement':58,261 'inform':24,128 'input':343 'instead':64,108 'inventori':52,238 'isol':112 'journey':63 'keep':277 'key':201 'law':140,148 'layout':292 'let':270 'level':181 'limit':305 'linear':166 'load':219,248 'logic':120 'manag':80,144 'match':314 'miller':138 'minim':149 'miss':351 'modal':96 'model':157 'multipl':93 'navig':22,54,119,156,174,218 'need':101,118,137,216,224 'new':90 'next':262 'non':213 'non-root':212 'onboard':77,169 'one':271,274 'optim':265 'output':228,323 'overload':151 'overview':28 'page':70,113,255 'part':29 'path':104,227 'pattern':13,45,259 'permiss':344 'pile':67 'plan':76 'point':49,191 'practic':264 'primari':275 'principl':130 'progress':16,131 'proven':43 'provid':229 'purpos':243 'pyramid':25 'question':276 'reachabl':206 'recommend':254 'recoveri':226 'repositori':296 'requir':342 'resourc':294 'reusabl':258 'reveal':133 'review':335 'riski':282 'root':214 'rule':184 'safeti':345 'scaffold':256 'scope':316 'screen':8,40,51,94,154,215,237,241,272 'singl':111 'skill':36,301,308 'skill-ux-flow' 'sourc':300 'source-sickn33' 'span':92 'specif':330 'spoke':21,160 'state':97,223,252,287 'step':285 'stop':336 'structur':9,55 'stylese':11,31,295 'substitut':326 'success':199,348 'tab':173 'tap':209 'task':107,312 'test':332 'three':208 'top':180 'top-level':179 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'transit':288 'treat':321 'ui':117 'use':10,42,73,74,87,98,114,306 'user':5,62,100 'usual':204 'ux':2,12,26,44 'ux-flow':1 'valid':331 'view':165 'visibl':280 'within':207 'work':127","prices":[{"id":"b6bc7a38-debe-4829-b59f-9d66102bc604","listingId":"6e9ba669-e8da-473c-bb6f-bf4d4317b670","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:47:00.953Z"}],"sources":[{"listingId":"6e9ba669-e8da-473c-bb6f-bf4d4317b670","source":"github","sourceId":"sickn33/antigravity-awesome-skills/ux-flow","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ux-flow","isPrimary":false,"firstSeenAt":"2026-04-18T21:47:00.953Z","lastSeenAt":"2026-04-22T00:51:55.100Z"}],"details":{"listingId":"6e9ba669-e8da-473c-bb6f-bf4d4317b670","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"ux-flow","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34404,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-21T16:43:40Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"39efae673c83fece9186b26089e9a289039ca9a9","skill_md_path":"skills/ux-flow/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/ux-flow"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"ux-flow","description":"Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and information pyramids."},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/ux-flow"},"updatedAt":"2026-04-22T00:51:55.100Z"}}