Menu
Use when moving frontend files, creating React modules, refactoring UI, or deciding whether code belongs in app, domains, features, or shared.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Compress natural language memory files (CLAUDE.md, todos, preferences) into caveman format to save input tokens. Preserves all technical substance, code, URLs, and structure. Compressed version overwrites the original file. Human-readable backup saved as FILE.original.md. Trigger: /caveman:compress <filepath> or "compress memory file"
Use this whenever the user asks to prepare, verify, or publish a Timely release or prerelease, bump versions, generate GitHub release notes, validate updater channels, update localized in-app What's New notes, or work on release/localization rules. Trigger on release, prerelease, beta, tag, changelog, updater manifest, gh release, publish, cut release, ship build, localization, i18n, release notes, highlights, Spanish, Portuguese, es, pt.
Use this whenever working on Timely UI, styling, visual polish, component consistency, spacing, shadows, surfaces, interaction states, or control sizing. This skill is the entrypoint for Timely's full design system: claymorphism treatment, theme tokens, shared control sizes, button depth rules, component constraints, and consistency patterns. It should trigger for any request to add or revise Timely components so the app stays visually coherent instead of drifting into one-off styling.
| name | frontend-architecture |
| description | Use when moving frontend files, creating React modules, refactoring UI, or deciding whether code belongs in app, domains, features, or shared. |
Keep the frontend readable by enforcing structure, direct imports, and small files.
public/, index.ts, or index.tsx anywhere under src/.components/ or utils/ as first-level folders inside src/features/* or src/domains/*.screens, sections, ui, hooks, state, services, lib, types, internal.shared is only for generic code. If code knows about GitLab, schedule logic, worklog, settings, or another business concept, it does not belong in shared.src/domains/*.src/app/*.useAppStore; feature and domain UI should receive data through props.Thing.tsx and Thing.test.tsx.src/app/*: router, layouts, boot flow, providers, desktop bridge, overlays, state.src/domains/*: reusable domain modules shared by multiple features or routes.src/features/*: user-facing flows that are owned by one feature.src/shared/ui/*: generic UI primitives.src/shared/lib/*: generic pure helpers.src/shared/testing/*: shared test-only helpers and fixtures.screens/*.tsx before they exceed 300 lines.ui/*.tsx before they exceed 220 lines.hooks, state, services, and lib files before they exceed 250 lines.internal/ folders for private parts of a single unit when a file is getting crowded.shared must not import from app, domains, or features.domains must not import from features.features must not import from other features.internal/* may only be imported by the owning unit.npm run lint and npm run build.