Frontend skills

This skill guides front-end tasks in Next.js with Tailwind, Framer Motion, and UI/UX best practices to deliver instant, trusted, delightful fintech interfaces.

This skill guides using @landfolk/tx styling in React/Next.js, optimizing grouping, compile-time transforms, and linting for reliable Tailwind classes.

This skill helps you implement accurate JSON-LD schema markup to improve search visibility and rich results across pages.

This skill crafts a literate guide that weaves code and prose into a single narrative, clarifying what the code does and why.

This skill generates Remotion Geist videos in Vercel's dark Geist style with spring animations and Geist typography.

This skill helps you apply Tailwind CSS v4.1 background utilities including colors, gradients, images, and blend modes to design rich UIs.

This skill generates WordPress Full Site Editing blocks and theme files, guiding block.json, theme.json, and PHP registrations for seamless FSE development.

This skill helps you design macOS apps that feel native and citizen-friendly by aligning with system conventions and Liquid Glass rules.

This skill helps you apply practical fp-ts patterns to write clearer, safer TypeScript code with minimal jargon and maximal 80/20 impact.

This skill guides you in building a cohesive theming system by organizing primitives, semantic, and component tokens for scalable design.

This skill helps you apply functional programming patterns in React apps using fp-ts, improving state, forms, and data fetching.

This skill helps you rapidly prototype, clear backlogs, and boost team morale with aggressive, high-energy execution and no-nonsense problem solving.

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

This skill provides expert SolidJS and SolidStart guidance to build production-ready, scalable apps with fine-grained reactivity, SSR support, and

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

This skill guides integration of wl-telemetry to unify Honeycomb, LogRocket, and Mixpanel with consistent correlation IDs for end-to-end tracing.

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

This skill helps you leverage modern browser APIs to replace heavy libraries, boosting performance and reducing bundle size with graceful fallbacks.

This skill analyzes your project to generate frontend API integration code, including requests, types, mocks, and tests aligned with existing conventions.

This skill guides you through automated verification of current work, surfacing what Claude can test and prompting you for manual checks when needed.

This skill enforces code quality by linting changed files with ESLint, Prettier, and stylelint, and suggesting or applying fixes.