Frontend skills

This skill analyzes UI designs and generates production-ready React components with TypeScript and Tailwind CSS, delivering layout, tokens, and reusable code.

This skill helps you create and edit Slidev presentations quickly by generating slides, applying frontmatter, layouts, and components.

This skill analyzes vague prompts and returns a clear, optimized version with concrete details and actionable next steps.

This skill proactively analyzes each user request to determine task type, assess prompt quality, and suggest optimal skills for activation.

This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

This skill identifies WordPress codebase type (plugin, theme, block, or full site) and routes tasks to the correct domain workflow.

This skill helps you create, update, and migrate WordPress Gutenberg blocks by guiding block.json, registration, rendering, and tooling.

This skill helps you implement and debug WordPress Interactivity API features, including directives, stores, and server-side rendering for hydration

This skill helps you develop WordPress block themes by managing theme.json, templates, patterns, and style variations across Site Editor workflows.

This skill helps you edit and analyze Svelte components using MCP tooling to ensure accurate, documented, and compliant code.

This skill generates beautiful code snippet images using ray.so and saves them locally for easy sharing.

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

This skill generates a complete favicon set from a source image, updates project HTML, and configures a manifest for consistent branding across platforms.

This skill extracts clean, llm-optimized markdown from one or more URLs, including JS-rendered pages, for quick content use.

This skill helps you create and optimize Remotion video projects by applying domain-specific best practices for compositions, assets, and animations.

This skill helps you build features with AI coding tools, guiding tool selection, prompting strategies, and iterative development workflows.

This skill generates production-ready React or Vue components with TypeScript, tests, and styles, accelerating feature delivery.

This skill sets up visual regression testing with Storybook, generating stories, config, and CI workflows for Chromatic, Percy, or BackstopJS.

This skill helps you review React code and avoid useEffect misuse by suggesting better patterns for derived state, event handling, and performance.

This skill helps you decide when to use interface versus type in TypeScript to improve type safety and maintainability.