Responsive
Responsive design and mobile-first
mobile-ci-cd-evolution
by Envy-7z
CI/CD optimization workflow for existing mobile pipelines (Android and Flutter) across Bitbucket, GitHub Actions, GitLab, Jenkins, and Fastlane. Use when auditing current CI/CD setup, reducing build time/flakiness, improving release safety, or planning incremental pipeline upgrades without destabilizing delivery.
image-optimization
by IgorVaryvoda
Expert guidance on image optimization for web performance. Use when working with image formats (WebP, AVIF, JPEG, PNG, GIF, SVG, HEIC, JPEG XL), compression settings, responsive images, lazy loading, CDNs, Core Web Vitals, or any image-related web development task. Covers format selection, quality settings, srcset/sizes, picture element, art direction, fetchpriority, placeholder strategies (LQIP, blur-up, blurhash), container queries, HDR/wide color gamut, AI-powered image tools, edge/serverless processing, and performance optimization.
css
by cuioss
Modern CSS standards covering native nesting, cascade layers, Container Queries, custom properties, responsive design, accessibility, and PostCSS/Stylelint tooling
devdocs-dev-workflow
by ab300819
Execute development tasks with skeleton-first approach and layered TDD. Supports single task, batch execution (by range, feature, user story), dependency resolution, and breakpoint resume. Includes optional adversarial verification and --headless unattended mode (无人值守). Triggers on "execute task", "start T-XX", "batch", "resume", "开发任务", "执行任务", "批量开发", "继续开发", "--review", "--headless", "无人值守".
flutter-dev
by bogdanustyak
Expert Flutter and Dart development skill for building beautiful, performant, and maintainable applications. Use when users request Flutter/Dart development tasks including creating apps, widgets, screens, implementing features, debugging, testing, state management, navigation, theming, layouts, or working with Flutter projects. Covers mobile, web, and desktop platforms with modern best practices, Material Design, responsive UI, and code quality standards.
yt-packaging
by naveedharri
Create optimized YouTube titles and thumbnail concepts for maximum CTR. Use this skill whenever the user
playwright-ui-testing
by Hack23
Playwright browser automation, visual regression testing, accessibility testing, and E2E workflow validation for CIA platform
aholiab-ui
by christopheraaronhogg
Provides expert UI/visual design analysis, aesthetic evaluation, and AI slop detection. Use this skill when the user needs visual design audit, typography assessment, or design system review. Triggers include requests for UI review, design audit, or when asked to evaluate visual quality and detect generic AI-generated design patterns. Produces detailed consultant-style reports with findings and prioritized recommendations — does NOT write implementation code.
router-act
by vercel
How to write end-to-end tests using createRouterAct and LinkAccordion. Use when writing or modifying tests that need to control the timing of internal Next.js requests (like prefetches) or assert on their responses. Covers the act API, fixture patterns, prefetch control via LinkAccordion, fake clocks, and avoiding flaky testing patterns.
frontend-engineer
by AlexGrek
Senior frontend engineer expert for Autolab carpaintr project - handles React/Vite development with mobile-first optimization, performance profiling, and testable UI patterns
frontend-tailwind-best-practices
by Emerson1337
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.
accessibility
by kyaulabs
Use when writing or reviewing frontend markup, SCSS, or JS that produces UI. Covers WCAG 2.2 AA, semantic HTML over ARIA, focus management, motion safety, contrast, target size, and accessible media. Complements scss-mobile-first and frontend-design.
browser-guide
by TeamWiseFlow
Best practices for using the managed browser — handling login walls,
mobile-release-publish-gate
by Envy-7z
Mobile release and publish gate for Android and Flutter applications, including Play Store readiness. Use when preparing release candidates, approving go/no-go decisions, validating store metadata and versioning, or minimizing rollout risk before publish.
pixel-perfect-ui
by CoRLab-Tech
"Autonomous pixel-perfect UI implementation loop for Next.js/React using Figma MCP and Playwright. Converts Figma designs to production-ready components with iterative visual validation. AUTO-TRIGGERS on ANY request to implement Figma designs including: 'implement this Figma', 'build this page/component from Figma', 'create from Figma design', 'implement design', 'build this block', 'create component from design'. Use for: (1) Building pages/components from Figma, (2) Pixel-perfect accuracy, (3) Responsive layouts, (4) Design token conversion."
mobile-development
by brixtonpham
"Cross-platform and native mobile development. Frameworks: React Native, Flutter, Swift/SwiftUI, Kotlin/Jetpack Compose. Capabilities: mobile UI, offline-first architecture, push notifications, deep linking, biometrics, app store deployment. Actions: build, create, implement, optimize, test, deploy mobile apps. Keywords: iOS, Android, React Native, Flutter, Swift, Kotlin, mobile app, offline sync, push notification, deep link, biometric auth, App Store, Play Store, iOS HIG, Material Design, battery optimization, memory management, mobile performance. Use when: building mobile apps, implementing mobile-first UX, choosing native vs cross-platform, optimizing battery/memory/network, deploying to app stores, handling mobile-specific features."
game-design-compass
by payolajoker
Comprehensive game design planning skill that unifies role-based, genre-based, and platform-based design workflows into one system. Use when planning game concepts, writing or refining GDD sections, designing core loops, progression, balance, economy, narrative, level flow, UI/UX, monetization, or adapting design decisions for mobile, PC, console, web/HTML5, and VR/AR. Especially useful when the request needs structured design outputs with checklists, KPIs, risks, and implementation-ready handoff artifacts.
MO-Frontend
by M4F-S
Expert frontend design skill for premium web UIs. Use when building or improving React/Next.js sites with Tailwind, Framer Motion, GSAP, shadcn/ui, glassmorphism, dark mode, scroll animations, or WebGL. Triggers on website design, landing page, dashboard, SaaS UI, portfolio, component library, or frontend development.
hytopia-mobile
by Abstrucked
Helps implement mobile support in HYTOPIA SDK games. Use when users need touch controls, mobile UI, device detection, or cross-platform compatibility. Covers mobile controls, touch input, and responsive UI.
crypto-frontend-design
by btc-vision
CSS-first directive for crypto, web3, DeFi, airdrop, dashboard, and token project frontends. Produces stylesheets, layout, animation, theming, and responsive HTML. Triggers on landing pages, dashboards, airdrop claims, staking UIs, DEX frontends, bridge UIs, NFT galleries, token launches, or any crypto web interface. Also triggers on matrix-style, cyberpunk, neon-glow, hacker terminal, or dark fintech dashboard aesthetics. Multi-theme CSS, mobile/tablet/desktop support, zero emojis. For OPNet frontends, use alongside opnet-development skill (which owns TypeScript, React logic, wallet, providers). This skill owns visuals; opnet-development owns logic. Always gathers user context (images, theme, brand colors, audience) before generating code.
tailwind
by Alicoder001
Tailwind CSS v4+ best practices including new CSS-first configuration, theme customization, responsive design, dark mode, and performance optimization. Use for modern utility-first CSS styling.
ui-layout-and-styling
by tippyentertainment
Improve the visual quality and usability of existing UI by fixing layout structure, responsiveness, spacing, alignment, typography, and overall consistency. This skill assumes components already exist and focuses only on presentation, not business logic.
knowledge-site-creator
by alifa555
一句话生成任何领域的知识学习网站。AI自动理解主题、创作内容、生成页面、部署上线。适用于任何需要系统学习的知识领域：进化心理学、大模型术语、化学元素、历史事件等。
sar-inventory-system
by rizkirmdhn1215
Panduan lengkap untuk membangun sistem inventaris barang SAR Padang (Basarnas). Gunakan skill ini setiap kali mengerjakan fitur apapun dari proyek ini — baik itu setup database, halaman peminjam, dashboard admin, QR generator, PDF surat, alur return, kondisi barang, atau notifikasi. Skill ini adalah satu-satunya sumber kebenaran untuk arsitektur, konvensi kode, schema DB, dan business logic proyek ini.