Disseny web responsiu
Disseny web responsiu amb prioritat per als dispositius mòbils
pre-post
juangadm
Captures before/after screenshots of web pages for visual comparison in PRs. Use when user says "take before and after", "screenshot comparison", "visual diff", "PR screenshots", or after making visual UI changes.
frontend-enhancer
mamba-mental
This skill should be used when enhancing the visual design and aesthetics of Next.js web applications. It provides modern UI components, design patterns, color palettes, animations, and layout templates. Use this skill for tasks like improving styling, creating responsive designs, implementing modern UI patterns, adding animations, selecting color schemes, or building aesthetically pleasing frontend interfaces.
ui-styling
mamba-mental
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
ui-ux-designer
hummbl-dev
Modern UI/UX design specialist for web applications, mobile apps, and design systems. Covers design principles, user research, interaction patterns, accessibility (WCAG), responsive design, component libraries (Tailwind, shadcn/ui, Material), prototyping, and usability testing. Creates beautiful, functional interfaces following best practices.
mobile-design
Tai-ch0802
iOS 和 Android 應用的行動優先設計思維與決策。觸控互動、效能模式、平台慣例。教導原則而非固定值。用於建構 React Native、Flutter 或原生行動應用。
tailwind-utility-styling
Agentient
Tailwind CSS utility-first styling with mobile-first responsive design and CSS variables. PROACTIVELY activate for: (1) implementing mobile-first responsive layouts, (2) using semantic CSS variables for theming, (3) creating component variants with cva. Triggers: "tailwind", "responsive", "dark mode"
wp-apis
peixotorms
Use when working with WordPress core APIs in plugins or themes. Covers add_menu_page, add_submenu_page, add_options_page, add_shortcode, add_meta_box, register_post_type, register_taxonomy, HTTP API (wp_remote_request, wp_remote_get, wp_remote_post), wp_schedule_event (WP-Cron), wp_add_dashboard_widget, users and roles (add_role, current_user_can), privacy tools (wp_register_personal_data_exporter), theme mods, site health API, global variables ($wpdb, $post, $wp_query), add_image_size, responsive images, and advanced hooks (do_action, apply_filters, remove_action).
codex-openimage
ritarodev10
"Use when the user asks to generate, edit, replace, or batch-create images and visual assets — landing-page heroes, OG cards, feature illustrations, product shots, icons, mockups, concept art, infographics, dark/light variants, retina sets, or whole-site asset packs. This skill orchestrates generation by spawning codex in the background (which runs the OpenAI Image API under the hood); Claude does not call the API directly. Requires OPENAI_API_KEY and a working codex CLI in PATH."
frontend-classic
twofoldtech-dakota
Apply when working with classic frontend technologies including CSS, SASS, JavaScript, and jQuery
@tank/tailwind
tankpkg
"Production Tailwind CSS patterns and component recipes for responsive, accessible UI."
mobile-ux
pluginagentmarketplace
Master mobile UX - iOS HIG, Material Design, gestures, responsive design, platform optimization
frontend-skills
pluginagentmarketplace
Master HTML5, CSS3, JavaScript ES6+, React, Vue, Angular, and modern web development. Learn responsive design, accessibility, and web performance optimization.
mobile-skills
pluginagentmarketplace
Master iOS development with Swift, Android development with Kotlin, React Native, Flutter, and cross-platform mobile technologies.
daisyui
peixotorms
Use when building with DaisyUI — Tailwind CSS component class library. Covers class naming conventions, component classes (btn, card, modal, drawer, tab, badge, alert, etc.), color modifiers, size modifiers, theming with data-theme and CSS variables, OKLch colors, responsive patterns, installation, and class reference lookup via MCP tools.
elite-ux-strategy
RSHVR
Conversion optimization and UX strategy for premium websites. Use when asked about: conversion rate optimization (CRO), signup flows, checkout optimization, pricing pages, CTAs, headlines, copywriting, A/B testing, lead generation, cart abandonment, onboarding, retention, social proof, testimonials, trust signals, urgency, scarcity, growth, viral loops, or when you need to make design decisions that impact business outcomes. This skill provides the "why" behind design choices.
ui-audit
shadowsys-memphis
Read-only visual audit of any running web app in a real browser — inventory what a page actually shows, confirm whether a control exists, or find unreachable, duplicated, empty, or stale UI. Works on any page of any app; knows this project's specifics when pointed at it. Requires a connected browser (Claude Desktop with the browser connector, or Claude Code with claude-in-chrome). Trigger on "visual audit", "audit this page", "check the UI", "is X actually in the app", "what's on /foo", "does this render", or any question answerable only by looking at the rendered app rather than reading its code.
ux-design-gemini
chaorenex1
"Create UX designs using memex-cli with Gemini backend. Use when (1) Generating user flows and wireframes, (2) Creating UI component specifications, (3) Designing interaction patterns, (4) Building design system documentation, (5) Producing responsive layout guides."
ui-styling
vibery-studio
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.
tailwind-layouts
peixotorms
Use when building page layouts, application shells, navigation structures, or responsive page templates with Tailwind CSS. Covers sidebar layouts, stacked layouts, multi-column layouts, dashboard shells, containers, grid systems, responsive breakpoint strategies, sticky headers, fixed sidebars, off-canvas navigation, breadcrumbs, pagination, vertical navigation, content reflow patterns.
enhance-frontend
thoreinstein
Enhance frontend to pixel-perfect standards with mobile responsiveness and industry-leading design quality
playwright-py-skill
akaihola
Complete browser automation with Playwright. Auto-detects dev servers, writes clean test scripts to /tmp. Test pages, fill forms, take screenshots, check responsive design, validate UX, test login flows, check links, automate any browser task. Use when user wants to test websites, automate browser interactions, validate web functionality, or perform any browser-based testing.
tailwind-css
afk-agents
Tailwind CSS v4 styling with utility-first classes, theme configuration, and modern CSS patterns. Use when writing or modifying CSS classes, configuring themes, implementing responsive designs, or migrating from v3. Triggers on Tailwind, utility classes, responsive breakpoints, dark mode styling.
elementor-controls
peixotorms
Use when adding controls to Elementor widgets, creating custom controls, or referencing control type parameters. Covers add_control with types (TEXT, SELECT, SLIDER, COLOR, MEDIA, REPEATER, CHOOSE, NUMBER, SWITCHER, URL, ICONS), TYPOGRAPHY and BACKGROUND group controls, BORDER, BOX_SHADOW group controls, add_responsive_control, add_group_control, CSS selectors ({{WRAPPER}}, {{VALUE}}), condition and conditions for conditional display, dynamic content tags, POPOVER_TOGGLE, and global styles integration.
mobile-development
pluginagentmarketplace
iOS (Swift, SwiftUI), Android (Kotlin, Compose), cross-platform (Flutter, React Native), and game development (Unity, Unreal).