Responsive
Responsive design and mobile-first
travel-planner
by alvaro-gsp
Use when the user wants to plan a trip, analyze destinations, or build a travel itinerary for any country or region. Triggers on mentions of travel, vacation, holidays, destinations, sightseeing, itineraries.
blog-framework-builder-v2
by HduSy
"从用户提供参考站点 URL 或者用户给定话题方向出发,搭建一个可部署的 Next.js 博客类站点框架(只搭框架,不写文章)。当用户需要建站、搭建博客、做个博客站、提供 URL 建站时触发本技能"
local-ts
by zap-studio
Use when starting or modifying apps based on the local.ts starter kit or its local-first desktop/mobile features.
frontend-slides
by Kelemani
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.
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.
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.
quuu-frontend-design
by quuu
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
yt-packaging
by naveedharri
Create optimized YouTube titles and thumbnail concepts for maximum CTR. Use this skill whenever the user
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.
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.
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.
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.
audit
by rakshit-737
Run structured frontend code audits across accessibility, performance, theming, responsive behavior, and visual anti-patterns. Use when the user asks for an accessibility check, performance audit, responsive review, theming review, or a scored technical quality report for a page, feature, or component.
Design System & UI
by tachfineamnay
Tailwind CSS configuration, Lumira color palette, glassmorphism, and animation patterns.