wp-blocks
Use when building Gutenberg blocks, block themes, or using the Interactivity API. Covers block.json configuration, register_block_type, @wordpress/scripts…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-28 00:17
Frontend & websites
11,239 results
blog-writer
Use when the user asks for a blog article, blog post, or publishable long-form website content. Use content-writing for general copy and blog-writer for a…
blog-idea-generator
Generate 15-25 targeted blog post ideas with 200-word summaries for any client website. Reads website content, assesses available information, adaptively…
premium-software-product-execution
Use when designing, building, pricing, packaging, or reviewing premium software products, SaaS systems, ERP/POS tools, dashboards, websites, or agency-built…
docs
Look up the official pmndrs documentation before answering anything about react-three-fiber (R3F), drei or zustand — hooks, components, props, signatures,…
organizing-conversations-code
File layout for the conversations product. Use when adding, moving, renaming, or reviewing files under products/conversations/ — especially frontend…
premium-frontend-ui
Premium frontend UI direction for immersive, high-performance web experiences with strong motion, typography, and visual systems. Use when building high-end…
post-purchase-extension
Post-purchase UI extension SDK reference (29 React components, lifecycle, sandbox rules) for `@shopify/post-purchase-ui-extensions-react` — Shopify's only…
putio-frontend-patterns
Apply put.io frontend code patterns and seed repo-local `.patterns/` conventions. Use when writing or reviewing UI/frontend code in a put.io frontend repo,…
vue-best-practices
MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar,…
olofofo
Accompany one literal agent session with quiet continuity, proportionate evidence-backed nudges, one living HTML record, and curated cross-session wisdom. Use…
content-and-copy
Write or edit website copy, blog content, and editorial pieces with attention to voice, structure, and goal. Use this skill whenever the user wants to write an…
performance-optimization
Diagnose and fix web performance issues including Core Web Vitals (LCP, INP, CLS), bundle size, asset optimization, render performance, and runtime efficiency.…
locators-scanner
Scan a website URL and extract the best locators for every visible element on the page, outputting a Page Object Model (POM) code file and/or a JSON locator…
x-subscribe
X (Twitter) subscribed account tweet tool — subscribe to famous Twitter accounts (sources: leaderboard recommendations / user-specified @handle / following list exploration), automatically fetch the latest tweets from subscribed accounts from yesterday every morning at 9:00, and generate an HTML daily report grouped by account, with no manual operation required. Supports up to 100…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or…
ios-sim
Control the iOS Simulator — tap, type, swipe, screenshot, record video, install and launch apps. Use when interacting with the iOS simulator during React…
sfnext-extensions
Build extensions for Storefront Next using target-config.json, target points, extension routes, and translation namespaces. Use when creating modular features,…
sfnext-hybrid-storefronts
Implement hybrid storefronts that run Storefront Next alongside SFRA or SiteGenesis. Use when planning gradual migration from SFRA, configuring hybrid proxy…
sfnext-i18n
Implement internationalization in Storefront Next using i18next with useTranslation for components and getTranslation for server-side code. Use when adding…
sfnext-page-designer
Integrate Page Designer with Storefront Next using React decorators, component registry, and Region rendering. Use when creating merchant-editable pages,…
sfnext-project-setup
Create and configure Storefront Next projects. Use when creating a new storefront, understanding project structure, setting up environment variables, or…
sfnext-routing
Implement file-based routing in Storefront Next with React Router 7. Use when adding new pages, creating layout routes, defining route parameters, or…
sanity-i18n-translate
Use the <Translate> i18n component correctly, especially its components map and componentProps. Use when rendering locale strings that contain markup or…