Surfrrosa
- 14 skills
- 0 followers
- 11 hours ago last updated
- ▌ SEO · surfrrosaAudit SEO health across all web projects, score them, identify gaps, and optionally fix issues
- ▌ A11Y · surfrrosaAudit accessibility (WCAG) compliance in source code and optionally against live URLs
- ▌ Perf · surfrrosaAudit performance — bundle size, image weight, render-blocking resources, and Core Web Vitals via PageSpeed
- ▌
- ▌ Drift · surfrrosaHardcoded-values audit. Finds every place code drifts from canonical sources of truth — hand-typed reference data that should come from a library, model IDs that bypass central config, email/URL/price literals that duplicate canonical constants, magic numbers in business logic, lists that duplicate enums, year-bound constants that silently expire, embedded copy that drifts from brand voice docs. Outputs findings and recommends new test guardrails. Use as a periodic full-codebase sweep (monthly, or before major launches), or when a user-visible drift bug surfaces.
- ▌ Design · surfrrosaDesign psychology audit. Asks "does the system serve the user?" not "does the page match the system?" — evaluates typography appropriateness (display vs body vs UI vs reading-fatigue fonts), color emotional register, visual hierarchy, motion + interaction feedback, brand-voice ↔ visual-register match, reading fatigue indicators, and first-impression speed. Outputs designed-with-intent recommendations per-surface, not bug lists. Use BEFORE running /cohesion to validate that the source of truth is the right target. Different from /a11y (accessibility) and /cohesion (consistency).
- ▌
- ▌ Privacy · surfrrosaAudit data collection, consent flows, exposed secrets, and privacy policy accuracy
- ▌
- ▌ Cohesion · surfrrosaVisual + structural design-cohesion audit. Detects every place a page drifts from the project's design system — different button styles, missing nav/footer, hard-coded colors that should be tokens, parallel CSS classes recreating canonical components, inline `<style>` blocks redefining variables. Cross-page consistency check across the whole site, not just changed code. Use when the site looks visually inconsistent across pages, or as part of a launch-ready audit pass.
- ▌ Coupling · surfrrosaOrthogonality / module-coupling audit. Asks the Pragmatic Programmer's central orthogonality question — "if I change feature X, how many modules light up?" — and surfaces the answer with mechanical evidence. Finds circular imports, cross-layer architecture violations, centralization magnets (large file × high fan-in), hidden coupling via git file-co-change patterns, and wildcard / dead imports. Use as a periodic full-codebase sweep (monthly, or before launches that grow surface area), or after a wholesale architectural refactor.
- ▌ Full Sweep · surfrrosaBundled foundational audit gauntlet. Orchestrates the audit-class skills (zombie / drift / cohesion / a11y / walkthrough / perf / thatsweird / security-review / privacy / vuln / sentry) in a single Plan Mode run. Identifies foundational debt across the codebase, auto-commits the mechanical wins, files the rest as issues. Subset modes for code-only, launch-readiness, or UX-focused passes. Use before launch, post-launch monthly, or weekly during dev (with the `code` subset).
- ▌ Thatsweird · surfrrosaBrowser/OS edge-case sweep. Detects and fixes weird-but-real things browsers do to your site without asking — Chrome auto-dark inversion on dark sites, iOS rubber-band background flash, iOS input zoom, prefers-reduced-motion violations. Idempotent. Scoped to "within reason" — does NOT chase 0.1%-traffic browser quirks.
- ▌ Walkthrough · surfrrosaUX-coverage audit. Catches the class of bug dead-code audits can't — state-machine gaps, missing features (no logout / password reset / settings), empty-state regressions, entry-state combinations nobody walked through after a wholesale UX pattern replacement, and pre-hydration render-state flashes (HTML hidden overridden by CSS display, FOUC, partial-init voids). Static analysis of code paths + a built-in feature-completeness checklist + render-state coverage.