Wp Block Themes
WordPressOfficial
A comprehensive workflow for developing, configuring, and debugging WordPress block themes.
Trusted skills for AI agents from official vendors and established maintainers. Every skill is attributed to its author, scanned, and comes with install steps for your AI tool.
270 skills
WordPressOfficial
A comprehensive workflow for developing, configuring, and debugging WordPress block themes.
WordPressOfficial
A comprehensive guide for developing, registering, and maintaining WordPress Gutenberg blocks.
WordPressOfficial
A tool for creating, registering, and validating WordPress block patterns using standard block markup and theme presets.
WordPressOfficial
A guide for building, debugging, and optimizing interactive features using the WordPress Interactivity API.
FigmaOfficial
Translates Figma motion and animations into production-ready application code. Use when implementing animation/motion from a Figma design — user mentions "implement this motion", "add animation from Figma", "animate this component", provides a Figma URL whose node is animated, or when `get_design_context` returns motion data or instructs you to call `get_motion_context`.
FigmaOfficial
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE calling the `get_design_context` Figma MCP tool. You MUST trigger this skill whenever the user wants to implement, build, port, or code up a Figma design as code. Example prompts (not exhaustive) are 'implement this Figma design', 'build this screen from Figma', 'turn this Figma into code', 'design to code'. This skill provides critical instructions and steps to the agent on how to correctly implement Figma designs in code and must NOT be skipped.
Higgsfield AIOfficial
A CLI-driven workflow for building, editing, and deploying full-stack React 19 applications, websites, and games on Cloudflare Workers.
CallstackOfficial
Expert guidance for developing and debugging React Native applications for TV platforms.
CallstackOfficial
A guide for implementing navigation UI patterns in React applications using React Navigation 7.
Angular (Google)Official
Automates the initialization and configuration of modern Angular applications using the Angular CLI.
JetBrainsOfficial
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.
JetBrainsOfficial
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard, fix visual bugs in either frontend, or need to know which design tokens, components, or patterns to use. This skill covers color tokens, typography, component API, page structure, accessibility, keyboard shortcuts, animations, and anti-patterns for both frontends. Even if the user just says "fix the styling" or "add a card", use this skill to ensure consistency.
JetBrainsOfficial
A comprehensive guide to scalable React component composition patterns and architecture.
JetBrainsOfficial
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
JetBrainsOfficial
Build and present interactive, web-based slide decks for developers using Markdown and Vue.
JetBrainsOfficial
A tool for retrieving current web development best practices and implementation guides.
JetBrainsOfficial
Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.
JetBrainsOfficial
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".
JetBrainsOfficial
Integrate Figma designs into your development workflow using the Figma MCP server for design-to-code implementation.
JetBrainsOfficial
Comprehensive guide for developing WebGPU-enabled Three.js applications using TSL (Three.js Shading Language). Covers WebGPU renderer setup, TSL syntax and node materials, compute shaders, post-processing effects, and WGSL integration. Use this skill when working with Three.js WebGPU, TSL shaders, node materials, or GPU compute in Three.js.
JetBrainsOfficial
UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.
JetBrainsOfficial
A collection of performance optimization rules for React and Next.js applications maintained by Vercel.
JetBrainsOfficial
Generate distinctive, production-ready frontend code with a focus on intentional aesthetic direction.
JetBrainsOfficial
Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.