pn-arrange
01Command
Fix layout, spacing, and visual rhythm — grid, asymmetry, spatial hierarchy. Surgical command for spatial design. Works standalone or as part of pn-design.
MCP server and Cursor plugin that runs software delivery as named, gated steps — skills, agents, rules, and pn-core:// resources.
Command
Fix layout, spacing, and visual rhythm — grid, asymmetry, spatial hierarchy. Surgical command for spatial design. Works standalone or as part of pn-design.
Command
Surgical frontend accessibility audit — WCAG contrast, keyboard navigation, ARIA roles, focus management, and screen-reader compatibility. Standalone or chained by pn-frontend-audit.
Command
Surgical API design review — REST conventions, status codes, response shapes, validation, and schema leaks. Use standalone or as part of pn-backend-audit. Outputs a scored fix roadmap.
Command
Design or review database schema — normalization, indexing strategy, migration plan, and data model decisions. Surgical command for database design. Use standalone or as part of pn-backend-audit.
Command
Surgical design-token audit — CSS custom property coverage, token naming, dark-mode correctness, and hardcoded value elimination. Standalone or chained by pn-frontend-audit.
Command
Standardize error handling — consistent shapes, structured logging, correlation IDs, safe client responses. Surgical command for error handling. Use standalone or as part of pn-backend-audit.
Command
Surgical frontend layout audit — spacing tokens, grid consistency, component rhythm, and responsive behavior. Standalone or chained by pn-frontend-audit.
Command
Surgical frontend performance audit — Core Web Vitals, bundle size, image optimization, render-blocking resources, and page-type budgets. Standalone or chained by pn-frontend-audit.
Command
Identify and fix backend performance issues — N+1 queries, missing cache layers, blocking I/O, slow queries, and connection pool exhaustion. Surgical backend performance pass.
Command
OWASP-guided security review — auth posture, input validation, secrets, CORS, JWT, rate limiting. Surgical command for backend security. Use standalone or as part of pn-backend-audit.
Command
Surgical frontend typography audit — type scale, font choices, loading strategy, hierarchy, and accessibility. Standalone or chained by pn-frontend-audit.
Command
Amplify a timid, safe, or generic design — more visual weight, stronger personality, clearer point-of-view. Use when the design is technically correct but forgettable.
Command
Introduce or improve color — palette, tokens, contrast, dark mode. Surgical command for color decisions. Works standalone or as part of pn-design.
Command
Add purposeful moments of joy, motion, and personality. Use when the design is correct and complete but feels flat and lifeless.
Command
Remove content, sections, and features that don't earn their place — information architecture reduction. Use when there's too much stuff on the page. For visual decoration reduction, use pn-quieter.
Command
Audit-driven frontend remediation on an existing app — baseline audit, slice plan, sequential UI slices with maker-checker gates, preflight, deliver. Use instead of pn-program for same-repo sequential surfaces (Home → fight → chrome). Not for greenfield (pn-design) or parallel vertical slices (pn-program).
Command
Reduce visual decoration — animations, colors, shadows, effects — without removing content. Use when there's too much visual noise. For content and feature reduction, use pn-distill.
Command
Fix typography — font choices, type scale, hierarchy, loading, and readability. Surgical command for typography improvements. Works standalone or as part of pn-design.
Command
Start every response with: [pn-command] 🔺.