Turn bookmarks into markdown for your agents
Turn X bookmarks, Chrome tabs + YouTube URLs into markdown for agents 🦞 ↗
home / skills / pluxity / pf-frontend
Sponsored
pf-a11y
pluxity/pf-frontend
This skill analyzes component and page accessibility checks for semantic HTML, keyboard access, ARIA, focus, and contrast to improve user experience.
web-design-guidelines
pluxity/pf-frontend
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
cesium-expert
pluxity/pf-frontend
This skill helps you get CesiumJS faster answers and practical implementation guidance for map, imagery, terrain, and 3D tiles.
pf-test-store
pluxity/pf-frontend
This skill generates Zustand store tests and persist middleware tests from a provided store signature to accelerate test creation.
react-best-practices
pluxity/pf-frontend
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
pf-feature
pluxity/pf-frontend
This skill guides structured feature development from requirements to PR, helping teams ship new capabilities faster with clear checks and templates.
pf-new-package
pluxity/pf-frontend
This skill helps bootstrap a new package in a mono-repo by generating standard scaffolding and configuration.
pf-hotfix
pluxity/pf-frontend
This skill guides rapid hotfix workflows to fix urgent bugs with minimal changes, tests, and validated deployments.
pf-perf
pluxity/pf-frontend
This skill analyzes performance issues and proposes optimizations across bundling, code-splitting, rendering, and API strategies to boost speed.
pf-pr
pluxity/pf-frontend
This skill helps you automate PR creation for the pluxity pf-frontend project by guiding commit messages and PR templates.
pf-build-fix
pluxity/pf-frontend
This skill analyzes and resolves Turborepo and TypeScript build errors, guiding you through diagnostics and fixes to stabilize your monorepo builds.
pf-dep-check
pluxity/pf-frontend
This skill analyzes project dependencies, flags outdated packages, checks for security issues, and proposes safe updates to keep the workspace healthy.
pf-doc-component
pluxity/pf-frontend
This skill generates component README documentation using a standardized template for PF components, accelerating documentation and consistency.
three-expert
pluxity/pf-frontend
This skill helps you develop and optimize Three.js and React Three Fiber scenes with GLTF/instancing patterns, enhancing interactivity and performance.
pf-release
pluxity/pf-frontend
This skill guides and automates the version release flow for PF projects, from changeset creation to deployment and release notes.
pf-storybook
pluxity/pf-frontend
This skill generates Storybook stories for UI components, scaffolding default and variant stories with args and controls.
pf-test-component
pluxity/pf-frontend
This skill generates comprehensive React component tests (Vitest + RTL) for a specified UI component, covering rendering, interactions, accessibility, and edge
pf-test-hook
pluxity/pf-frontend
This skill generates comprehensive tests for custom hooks using Vitest and Testing Library, covering initialization, actions, prop changes, async hooks, and
pf-code-review
pluxity/pf-frontend
This skill reviews PF frontend TypeScript code against React 19 patterns and conventions, offering actionable feedback.
pf-component
pluxity/pf-frontend
This skill helps generate PF frontend React UI components following PF conventions for atoms, molecules, organisms, and app components.