RetentaFrontend skills mostly change taste and habits: what an agent builds by default, which checks it runs before calling a page done, and which performance mistakes it looks for. The skills here cover design direction, browser testing and React performance.
Two of them are link-only. Their repository declares a license in its README but ships no license file, so Retenta links to the source instead of hosting a copy.
Cloudflare · Agent Skills clients
An evidence-led workflow for browser traces, Core Web Vitals, network waterfalls, accessibility snapshots, and codebase-level web performance findings.
OpenAI · Codex
A terminal-first browser automation loop using Playwright CLI snapshots, stable element references, traces, tabs, and artifacts without defaulting to a test-suite rewrite.
Anthropic · Claude Code
Opinionated design-lead guidance for subject-specific visual direction, typography, layout, copy, motion restraint, accessibility, and self-critique before frontend implementation.
Vercel · Agent Skills clients
Prioritized React API-design patterns for replacing boolean-prop sprawl with compound components, explicit variants, lifted state, generic provider interfaces, and composition.
Vercel · Agent Skills clients
A seventy-rule, impact-ranked React and Next.js performance index spanning async waterfalls, bundles, server work, client fetching, rerenders, rendering, and JavaScript hot paths.
Vercel · Agent Skills clients
Prioritized React Native and Expo guidance for list virtualization, Reanimated, native navigation, images, gestures, state subscriptions, monorepos, fonts, and platform UI.
Vercel · Agent Skills clients
A freshness-first UI audit skill that retrieves Vercel's current web-interface rules, checks specified files, and reports concise file-and-line findings.
Anthropic · Claude Code (plugin marketplace) · Claude.ai · Claude API (Skills API)
Prompts the agent to act as a design lead with a distinct point of view: identify the subject, audience and primary job of the UI first, then make deliberate, subject-specific choices of palette, typography, layout and hero treatment instead of templated defaults (explicitly avoiding stock patterns such as the big-number-plus-gradient hero).
Anthropic · Claude Code (plugin marketplace) · Claude.ai · Claude API (Skills API)
Has the agent test local web apps by writing native Python Playwright scripts, following a decision tree (static HTML vs dynamic app, server already running or not). It uses a bundled helper to start one or more dev servers, wait for their ports, run the test script and clean up, and examples for console-log capture and element discovery.
Vercel · any Agent Skills client via npx skills (README) · Claude.ai (README)
A prioritized rulebook of about 70 React and Next.js performance rules in 8 categories (async waterfalls, bundle size, server components and caching, re-renders, rendering, effects, etc.), each in its own rules/ file with incorrect vs correct code. The agent applies them when writing, reviewing or refactoring React/Next.js code.
Vercel · any Agent Skills client via npx skills (README) · Claude.ai (README)
Reviews UI files against Vercel's Web Interface Guidelines: the agent fetches the latest guidelines at run time from a raw GitHub URL, reads the files or glob the user names, checks every rule, and reports findings in terse file:line format.
Eligible reviewed snapshots can be added to a Thyme RAG Capsule in one click. Retenta only enables that action after a separate capsule-distribution check; other records link to the publisher's installation path.