Design 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 build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

This skill helps economists generate Beamer presentations from research papers with professional themes and clear structure.

This skill generates and edits images using GPT Image 1.5, enabling quick visual creation and precise inpainting based on your prompts.

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

This skill displays colorful ANSI art spelling ultrathink when invoked, bringing a playful visual flourish to the conversation.

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 transforms specifications into actionable technical plans, guiding architecture, components, and implementation steps to accelerate delivery.

This skill generates and edits professional PPTX slides and LinkedIn carousels, applying brand layouts and ensuring batch safety.

This skill helps you design multi-tenant database schemas, choose a suitable platform, and implement secure, scalable data patterns for SaaS.

This skill helps you design intuitive app navigation and information architecture to improve findability and reduce user effort.

This skill helps you craft high-converting landing pages by optimizing headline formulas, above-the-fold copy, social proof, and clear, action-driven CTAs.

This skill helps you establish a cohesive brand identity for your SaaS, from color systems to typography and logo consistency.

This skill helps you design onboarding flows that reach the aha moment quickly, maximizing activation and reducing early churn for SaaS products.

This skill helps you craft high-converting landing pages by applying expert structure, above-the-fold copy, and buyer psychology to boost conversions.

This skill automates design review, token extraction, and implementation planning from Figma, slashing handoff time by hours and boosting accuracy.

This skill helps design onboarding flows that accelerate activation, defining the aha moment and tailoring paths for individuals and teams.

This skill helps you design landing pages and CTAs using gaze cues and visual hierarchy to boost conversions and user engagement.

This skill helps you visualize complex dependencies and architectures using graph-thinking to map relationships and non-linear problem solving for clearer

This skill generates clean, data-focused HTML dashboards from compact JSON or markdown specs using mviz and ECharts.