Loading...
Loading...
Found 466 Skills
Expert-level TanStack Suite skill covering Start, Router, Query, Table, DB, Store, Virtual, Pacer, Form, AI, and Devtools. Provides architecture guidance, code patterns, audits, and best practices for modern React and full-stack apps.
Use when implementing 2D physics interactions with Matter.js, including Engine/World setup, Render/Runner configuration, adding bodies and constraints, and scroll/interaction-friendly canvas scenes.
Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting performance, or considering useEffect for derived state or form resets.
Use when building accessible Vue.js interfaces with Reka UI (Radix Vue).
Builds elaborate multi-component claude.ai HTML artifacts using React 18, TypeScript, Vite, Tailwind CSS, and shadcn/ui bundled into single-file deliverables. Use when asked to "create complex artifact", "build React artifact with routing", "use shadcn/ui components", "create stateful web app artifact", or "build multi-component frontend". Provides initialization scripts, development workflow, and Parcel bundling to create sophisticated single-HTML artifacts with state management and modern components. Works with React/TypeScript stack for claude.ai artifacts requiring complexity beyond simple HTML/JSX.
Automated UI development loop: dev server + browser + implement + verify + fix. Launches dev server, implements via frontend-design skill, checks for errors (console, TypeScript, network), and iterates up to 5 times. USE WHEN: "implement next feature", "implement [description]", "verify the UI". NOT for one-off design/code tasks — use frontend-design directly for those. 6. Reports completion or escalates with detailed report **Triggers:** - "implement next feature", "implement the hero section" - "verify this implementation", "check the UI" - "fix the errors", "iterate on this" - "start dev server", "manage server"
Explore how to effectively manage asynchronous data with Preact Signals by creating a custom `asyncSignal` that handles loading, error, and data states without breaking the synchronous nature of signals.
Apply Google HTML style guide conventions to HTML code
Accessibility Audit Runner - Auto-activating skill for Frontend Development. Triggers on: accessibility audit runner, accessibility audit runner Part of the Frontend Development skill category.
Guide for daisyUI component library with Tailwind CSS. Use when building UI components, implementing themes, or creating responsive designs with daisyUI.
Use Shopify Polaris Web Components (s-* custom elements) for App Home UI. Use when building App Home surfaces (not embedded apps), designing UI with s-page, s-section, s-stack, s-box, s-button, and other s-* components. Do not use @shopify/polaris React - App Home requires Web Components.
Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.