Toss Place FE Superpowers

Plugin toss-place-fe-superpowers in manNomi/vite-fsd-plugin. Commands read from the repo's manifest — 1 month ago.

Skills (18)

• abstraction-boundary-reviewer

  Review frontend assignment code for separation of concerns, over-abstraction, unclear naming, view model boundaries, raw API/error leakage into views, and reviewer-readable data flow.

• api-layer-designer

  Design a domain API layer that separates pure API call functions, React Query hooks, query keys, API-bound domain types, mappers, and view-model adapters while keeping common code in shared.

• assignment-forensics

  Analyze a frontend take-home assignment before implementation. Extract explicit requirements, hidden evaluation points, user flows, business rules, reliability risks, edge cases, MVP scope, and submission checklist.

• commerce-order-flow-auditor

  Analyze or review commerce order assignments with menu/catalog, item detail, option selection, cart grouping, order submit, order completion, pricing, payload correctness, duplicate-submit prevention, Toast/error behavior, and API contract checks.

• component-boundary-planner

  Plan React component boundaries based on state ownership, re-render minimization, domain responsibility, view-model boundaries, naming clarity, and assignment maintainability.

• final-submit-polisher

  Polish a frontend assignment before submission by checking README, scripts, verification commands, implementation scope, trade-offs, known limitations, and final diff quality.

• offline-edge-case-checker

  Check frontend implementation against offline store, POS, kiosk, table order, payment/order, network instability, and device interaction edge cases.

• product-assignment-strategist

  Analyze and plan product-focused frontend take-home assignments before implementation, especially when an existing codebase, design system, mock API, assumptions, trade-offs, README decisions, or reviewer-friendly code are important.

• react-best-practices

  Review, refactor, or plan React code using impact-ordered best practices for Vite React assignments, including async waterfalls, bundle size, client data fetching, React Query usage, re-render risks, rendering performance, and reviewer-readable code.

• readme-rationale-writer

  Write or review a frontend assignment README so it explains design rationale, API/data strategy, React Query trade-offs, FSD boundaries, abstraction choices, error handling, test strategy, known limitations, verification evidence, and AI usage validation.

• reliability-first-planner

  Create a reliability-first implementation plan for a frontend assignment, focusing on correctness, failure states, duplicate action prevention, stable state transitions, and maintainable UI logic.

• simple-fsd-architect

  Design a lightweight FSD-inspired Vite React architecture using app, pages/views, widgets, entities, and shared without over-engineering.

• stack-setup-planner

  Choose the simplest suitable Vite React frontend stack for an assignment, including TypeScript, Tailwind, Emotion, React Query, Vitest, Jest, PNPM, and Yarn Berry.

• stepwise-assignment-runner

  Run a frontend take-home assignment question by question or screen by screen, locking requirements, decisions, recommended defaults, implementation scope, verification, and handoff with the user before moving to the next unit.

• test-quality-reviewer

  Review frontend assignment tests for meaningful regression coverage, state transitions, pure logic validation, accessibility states, and low-value or bug-locking test smells.

• timeboxed-assignment-operator

  Operate a strict timeboxed frontend assignment safely, including deadline tracking, feature branch setup, trusted versus ignored tests, PR timing, no-commit-after-submit freeze, cutline decisions, and final submission readiness.

• toss-fe-code-review

  Review frontend code like a Toss Place frontend reviewer, prioritizing correctness, reliability, maintainability, state boundaries, abstraction boundaries, naming clarity, API layer design, and edge cases.

• vite-react-architect

  Design a Vite React TypeScript assignment architecture with route setup, Simple FSD layers, pure API functions, React Query usage, client cache policy, state placement, component boundaries, and verification.

Similar plugins