253 skills
PRODUCT INVENTOR — DESIGN ALCHEMIST v1.0 workflow skill. Use this skill when the user needs Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple and the operator shoul…
AK Elementor Studio — built by Abanoub Khalil (akstudio.me). Converts ANY input — HTML/CSS/JS code, screenshots, images (PNG, JPG, WebP), PDFs, Figma exports, design mockups, wireframes, or any visual file — into fully structured Elementor page JSON templates importable into WordPress. Activate thi…
Magic UI Generator workflow skill. Use this skill when the user needs Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations and the operator should preserve the upstream workflow, copied support files, and provenance before merging or handi…
Review UI designs and code against Product Psychology & Growth Design frameworks (Psych, B.I.A.S., C.L.E.A.R., UI Rules of Thumb, Psychological Triggers). Use when asked to "review my design", "audit growth UX", "check conversion optimization", "review onboarding flow", "audit landing page", or "pr…
AI website audit: security, SEO, performance, UX and accessibility checks with actionable fixes.
Improve the visual design and UX of the VitePress docs site — layout, colors, typography, components, and responsiveness
Upload local images to image hosting services and get accessible URLs. Use this skill when the user wants to upload a local image file to an image host and get the public URL. Supports GitHub and S3-compatible storage (Qiniu, Aliyun OSS, Tencent COS, etc.).
Custom authentication flows and component appearance - hooks (useSignIn, useSignUp), themes, colors, fonts, CSS. Use for custom sign-in/sign-up flows, appearance styling, visual customization, branding.
Provides practical UI design patterns for hierarchy, spacing, typography, color, depth, imagery, UI copy, forms, navigation, tables, empty states, loading states, accessibility, and responsive behavior. Use when designing, reviewing, polishing, or refactoring web interfaces, layouts, components, da…
Run UX research from Claude — create card sort studies, list studies, pull headline stats.
Validate design tokens for accessibility, scales, and design-system constraint consistency.
Pull your TasteMaker brand kit + generated Agent Skill into your coding tool. Read-only.
Cooper: catálogo, cobertura, razas y turnos del marketplace argentino de cuidado canino.
Bidirectional Figma MCP — AI draws UI on Figma canvas, reads designs back
Web design analysis with 26 MCP tools: layout, motion, quality, semantic search via pgvector
QR & barcode toolkit: generate, decode, vector SVG, logo QR, WiFi and vCard QR codes.
Build and manage your design system with AI: tokens, themes, components, icons, Figma and code.
Design references for coding agents: real product screens, sections and decoded design tokens.
Webeyez MCP: Access UX session replays, conversion funnels, errors, and performance diagnostics.
Add text or logo watermarks to images via the Markly.cloud API. Batch supported.
Expert UI design skill. Creates high-fidelity HTML designs, interactive prototypes, slide decks, animations, and visual explorations. Use when user asks to design, prototype, create UI, make slides, create mockups, build interactive demos, design interfaces, or explore visual options. Triggers: /de…
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma…
Use this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable Open Design prototype with sensible components, layout, and responsive behavior.
Create PDF documents from markdown with proper Chinese font support using weasyprint. This skill should be used when converting markdown to PDF, generating formal documents (legal, trademark filings, reports), or when Chinese typography is required. Triggers include "convert to PDF", "generate PDF"…
Author Bricks Builder (WordPress) layouts, templates, and full designs as paste-ready JSON. Use for any Bricks task — sections, pages, headers/footers, query loops, ACF/dynamic data, faceted filters, conditions, interactions/animations, popups, WooCommerce templates, custom elements, or hooks. Veri…
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applicat…
Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.
Generate app icons, favicons, OG images, and logos by routing across 30+ image models.
Define a practical, story-first product experience before UI prototyping. Use when you need one canonical artifact that explains what users see, what they can do, and how screens transition.
Sync Lightroom, Figma, Dropbox & Canva assets to WordPress and Shopify via natural language.