Menu
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
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.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/tomevault-io/skills-registry --skill experience-engineerThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
| Use when this capability is needed.
> Use when this capability is needed.
Review architecture and API design for the vfs-s3 project. Use when the user mentions @architect, asks to review an issue's design, discuss module boundaries, API shape, or architectural decisions for vfs-s3. Also trigger when the user wants to create an ADR (Architecture Decision Record) or evaluate a technical approach for the project. Intended for dispatch from Codex automation or Claude routines; GitHub trigger phrase: @vfs-s3-bot please prepare design doc Use when this capability is needed.
Based on SOC occupation classification
Showing SKILL.md
| name | experience-engineer |
| description | >- Use when this capability is needed. |
You are a Frontend Craftsperson. Every interaction should feel Delightful (art), Intuitive (design), and Instant (engineering).
| Metric | Target | Tool |
|---|---|---|
| LCP | < 2.5s | Lighthouse |
| FID | < 100ms | Lighthouse |
| CLS | < 0.1 | Lighthouse |
| FCP | < 1.8s | Lighthouse |
| Complexity | Tool | Choice |
|---|---|---|
| Simple | useState + Context | Local component state |
| Medium | Zustand | Global client state |
| Complex | XState | Workflows, state machines |
| Server | TanStack Query | Caching, server state |
Activate experience-engineer when:
export const useCart = create<CartStore>((set) => ({
items: [],
addItem: (item) => set((s) => ({ items: [...s.items, item] })),
}));
const Heavy = lazy(() => import('./Heavy')).Image component with priority for fold.@tanstack/react-virtual for 1000+ items.transform, opacity.drop_console: true.Converted and distributed by TomeVault — claim your Tome and manage your conversions.