响应式
响应式设计与移动优先
mobile-browser-workflow-generator
neonwatty
Generates, creates, or updates mobile browser workflow files for testing web apps with Chrome mobile viewport emulation. Use this when the user says "generate mobile browser workflows", "create mobile browser workflows", "update mobile browser workflows", or "iterate on mobile browser workflows". Thoroughly explores the web app's codebase to discover all user-facing features, pages, and interactions. Creates comprehensive numbered workflows with substeps that cover the full mobile user experience.
ios-workflow-to-playwright
neonwatty
Translates iOS workflow markdown files into Playwright E2E tests for CI using WebKit with mobile viewport. Use this when the user says "convert ios workflows to playwright", "translate ios workflows to CI", or wants to promote refined iOS/mobile workflows to automated CI tests.
mobile-browser-workflow-orchestrator
neonwatty
Orchestrates the full mobile browser workflow pipeline - generates, executes, and converts mobile workflows to Playwright tests. Use this when the user says "generate and execute mobile workflows", "run mobile workflow pipeline", "mobile browser test pipeline", or "test mobile experience". Manages configuration (URL, credentials, device), chains generator→executor→converter with approval gates between phases.
coder-frontend-design
OzeroHAX
Frontend design system practices: tokens, typography, color, layout, and component consistency.
testing-mobile
OzeroHAX
Mobile testing (native/hybrid/web, gestures, offline, interruptions)
tailwind-patterns
xenitV1
Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.
game-development
xenitV1
Game development orchestrator. Routes to platform-specific skills based on project needs.
mobile-design
xenitV1
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles, not fixed values. Use when building React Native, Flutter, or native mobile apps.
mobile-games
xenitV1
Mobile game development principles. Touch input, battery, performance, app stores.
game-audio
xenitV1
Game audio principles. Sound design, music integration, adaptive audio systems.
ux-designer
gabeosx
Expert UX/UI design assistant based on the "Refactoring UI" philosophy (by Wathan & Schoger). Enforces logic-based design, strict hierarchy, and "buildable" visual systems. Use for converting requirements into professional, high-fidelity specs.
faion-frontend-developer
faionfaion
"Frontend: Tailwind, CSS-in-JS, design tokens, UI libraries, PWA, accessibility."
tailwind-ui-patterns
autohandai
Tailwind CSS v4 patterns, component styling, and responsive design
mui
blencorp
Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks. Use when working with MUI components, styling with sx prop, theme customization, or MUI utilities.
tailwindcss
blencorp
Tailwind CSS v4 utility-first styling patterns including responsive design, dark mode, and custom configuration. Use when styling with Tailwind, adding utility classes, configuring Tailwind, setting up dark mode, or customizing the theme.
UI/UX Design Review
rknall
"Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive design, and best practices for web and desktop applications."
Web Design Builder
rknall
"Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs."
browser-pilot
Dev-GOM
Chrome DevTools Protocol (CDP) browser automation, web scraping, crawling. 브라우저 자동화, 웹 스크래핑, 크롤링. Features/기능: screenshot with region control 영역지정스크린샷, viewport control 뷰포트제어, PDF generation PDF생성, web scraping 웹스크래핑, data extraction 데이터추출, form filling 폼작성, login automation 로그인자동화, click/input 클릭/입력, element finder 요소찾기, tab management 탭관리, cookie control 쿠키제어, JavaScript execution JS실행, page navigation 페이지이동, wait for element 요소대기, scroll 스크롤, accessibility tree 접근성트리, console messages 콘솔메시지, network idle 네트워크대기, back/forward 뒤로/앞으로, reload 새로고침, file upload 파일업로드, React compatibility React호환성, Smart Mode with Interaction Map 스마트모드. Selectors 셀렉터: CSS selectors (ID, class, attribute), XPath selectors with wildcard * (text-based, structural), XPath indexing (select N-th element with same text). Smart Mode: text-based element search with automatic selector generation. Bot detection bypass 봇감지우회 (navigator.webdriver=false). Auto Chrome connection 자동크롬연결. Headless/headed mode. Daemon-based architecture 데몬기반. Interaction Map System 인터랙션맵. React/framework compatibility React/프레임워크호환성.
universal-practitioner
dylantarre
Use when applying animation principles in any context, for any role, or when a general understanding of Disney's 12 principles is needed.
mobile-touch
dylantarre
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
ui-ux-designer
nahisaho
Copilot agent that assists with user interface and experience design, wireframes, prototypes, design systems, and usability testing Trigger terms: UI design, UX design, wireframe, mockup, prototype, user interface, user experience, design system, component library, accessibility, responsive design Use when: User requests involve ui ux designer tasks.
frontend-tailwind-best-practices
sergiodxa
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.
novel-creation-omnibus
limingnanyue
小说创作全能工坊——从网文长篇到短篇故事，从番茄爆文到白描克制，从发刀虐心到通感痛觉，从大纲细纲到质量门控，一站式搞定。触发词包括但不限于：全流程、创作、写小说、写长篇、写短篇、一条龙、开始写、写章节、写正文、写细纲、续写、搭世界观、做人设、发刀、玩梗、去AI味、润色、修衔接、因果分析、全检、状态追踪、断更重启、黄金三章、爽文开头、系统流、番茄爆文、群像、众生相、网文生产、锁稿、审稿、通感痛、白描、克制写作、反差塑造、留白、现实主义。 负触发（不要用于）：不要用于从零创建非小说类写作技能（用writing-skills）；不要用于代码注释或技术文档写作（用code-writing）；不要用于诗歌/歌词创作（用creative-writing）；不要用于翻译任务（用translation-skill）。
magento-css-specialist
maxnorm
Develops CSS and LESS for Magento 2 with responsive design and performance optimization. Use when styling themes, working with LESS, implementing responsive design, or optimizing CSS performance. Masters modern CSS techniques, LESS preprocessing, and cross-browser compatibility.