Design skills

This skill helps you generate cohesive UI components using Gemini Design, 21st.dev inspiration, and shadcn/ui with animated, accessible results.

This skill generates structured webinar slide decks with speaker notes, visuals, and engagement prompts to power compelling virtual events.

This skill pauses work to assess context and surface 2-5 actionable next steps with rationale.

This skill helps you review proposals methodically by chunking content, predicting feedback, and generating actionable, format-matched insights.

This skill designs and configures scalable CRM architectures with object modeling, pipelines, and data mapping to support automation and analytics.

This skill helps you implement Tailwind CSS v4.1 spacing utilities for margin, padding, and inter-element space, speeding consistent UI layouts.

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

This skill helps you apply Tailwind CSS transforms, transitions, and animations to create dynamic UI effects with precise timing and origins.

This skill determines the optimal agent routing for a task based on type, scale, and capability, optimizing workflow efficiency.

This skill designs functional architectures and detailed PHP/CakePHP specifications from requirements to guide development and ensure consistent, scalable

This skill guides front-end tasks in Next.js with Tailwind, Framer Motion, and UI/UX best practices to deliver instant, trusted, delightful fintech interfaces.

This skill helps you model domains using domain-driven design patterns to create clear contexts, aggregates, and ubiquitous language.

This skill enforces design system consistency by identifying hardcoded colors and spacing, mapping violations to tokens, and suggesting token-based fixes.

This skill helps you design macOS apps that feel native and citizen-friendly by aligning with system conventions and Liquid Glass rules.

This skill helps you design data warehouses using star schemas and slowly changing dimensions to improve query performance and accuracy.

This skill helps you apply and customize Tailwind CSS Typography utilities to control font, text, and decoration across projects.

This skill helps you implement clean, scalable UI with Tailwind CSS by following best practices for utilities, theming, and maintainability.

This skill helps you apply a brand's design language to code and UI by generating brand-specific Agent Skills and IDE config.

This skill generates images with Google's Nano-Banana model, enhancing prompts for higher quality visuals and faster creative results.

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.