Skills tagged "design" (831)

🎨 Liquid Theme Standards

This skill helps you enforce Shopify Liquid theme standards across CSS, JS, and HTML for accessible, maintainable, tokenized designs.

frontenddesignaccessibilityjavascript

🧪 Liskov Substitution

This skill helps you apply the Liskov Substitution Principle by avoiding broken inheritance and favoring interfaces and composition for reliable subclassing.

refactorcode-reviewtestingdesign

🧪 Lit Component

This skill guides you in developing lit web components for Common UI v2, enabling theme integration and Cell-driven reactivity.

frontenddebuggingdesignux

🧪 Living Documentation

This skill helps keep living documentation in sync with code changes by updating specs based on modifications to requirements or design.

docsdesignautomationrefactor

⚙️ Logo Batch Generator

This skill batch-generates 10 professional logo variants from brand description or image reference, offering 7 styles and saving results to Obsidian.

brandingdesignaiapi

📝 Macos Swiftui

This skill guides building macOS apps with SwiftUI on Sonoma, covering window management, menus, settings, and document-based patterns.

docsdesignuxproduct

🎨 Magazine Layout

This skill converts plain text into professional magazine-style HTML pages with Tailwind CSS, offering style selection and optional PDF export.

frontenddesigncontentwriting

🎨 Makepad Router

This skill routes Makepad questions to the appropriate sub-skills, enabling fast, accurate answers across widgets, layout, events, and shaders.

aiproductivityfrontenddesign

📋 Manim Composer

This skill transforms vague video ideas into a detailed scene-by-scene plan for Manim animations, guiding research, questions, and implementation cues.

researchplanningdesigncontent

🧪 Mapbox Style Patterns

This skill provides battle-tested map style patterns and layer configurations for common use cases like restaurants, real estate, data visualization, and

frontendjavascriptdataanalytics

🧪 Markdown To Image

This skill converts Markdown content into shareable poster images with fixed 3:4 aspect, auto pagination, and intelligent SVG headers for professional social

aidesignsocial-mediacontent

📋 Marp Slide

This skill helps you create professional Marp slides with 7 themes, auto quality improvements, and image layouts for impactful presentations.

designuxcontentwriting

🧪 Matrix

This skill designs minimal yet comprehensive domain coverage plans by mapping axes to optimized handoffs for downstream agents.

aiautomationtestinganalytics

📋 Mckinsey Consultant 11

This skill delivers McKinsey-style problem solving by structuring analysis, generating hypotheses, and guiding end-to-end PPT-ready reports.

strategyanalyticsresearchdesign

🛡️ Mcp Builder

This skill guides building high-quality MCP servers enabling LLMs to safely interact with external services through thoughtful tool design.

aibackendapisecurity

📋 Memola Strategy

This skill helps brands and platforms design durable value systems by applying MEMOLA's terrain diagnosis, governance checks, and strategic infrastructure.

strategybrandingdesigninfra

🎨 Mermaid

This skill helps you generate and validate mermaid diagrams for flowcharts, sequences, and mind maps to document processes and architectures.

frontendbackendapidocs

🔍 Mermaid Diagrams

This skill helps you create and update mermaid diagrams following best practices, including color themes, labeling, and formatting guidelines.

pythondocsaicode-review

📋 Mermaid Visualizer

This skill converts text into Mermaid diagrams for presentations and docs, ensuring correct syntax and clear visuals for effortless understanding.

designdocsdataanalytics

🐛 Microcopy

This skill helps you craft clear, user-friendly UI copy and microcopy that aligns with brand guidelines and improves onboarding and error messaging.

writinguxbrandingcontent

🧪 Mobile Agent

This skill helps you build cross-platform mobile apps with Flutter and React Native, enforcing clean architecture, offline-first design, and platform-specific

flutterreact-nativedesignperformance

🎨 Mobile App Design Mastery

This skill delivers production-grade mobile UI design guidance for Flutter and native apps, improving touch targets, typography, spacing, and platform-aware

designuxperformanceproduct

🎨 Mobile First Design

This skill helps design mobile-first responsive interfaces by guiding breakpoints, touch targets, and progressive enhancement for performance and accessibility.

designuxfrontendperformance

⚙️ Mobile Ios Design

This skill helps you design polished iOS interfaces and SwiftUI layouts aligned with Apple's HIG for accessible, adaptive apps.

designuxaccessibilityautomation

🎨 Mobile Ui

This skill helps you optimize mobile UI for responsive layouts, safe areas, touch targets, and typography across iPhone models.

frontenduxperformancetailwind

🎨 Modal

This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.

frontendreacttypescriptux

🎨 Modern Css

This skill helps you adopt modern CSS practices for responsive layouts, color systems, and animations, boosting maintainability and visual quality across

frontendperformancerefactorcode-review

🔍 Mongodb Schema Design

This skill helps design and review MongoDB schemas by applying anti-patterns, embedding decisions, and validation rules to improve performance.

databaseperformancedesignmigration

📋 Mongodb Schema Design

This skill helps you design MongoDB schemas and choose embedding or referencing to optimize queries and scalability.

databasepythondesignperformance

🎨 Morphing Icons

This skill helps you design morphing icons by transforming three-line SVGs between states, enabling smooth, scalable icon transitions.

frontenduxtypescriptdesign

🎨 Motion Design

This skill provides motion design guidance for UI components, recommending easing, duration, and implementation to make interactions purposeful and delightful.

designuxfrontendaccessibility

🎨 Mui

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

frontenddesignuxaccessibility

✨ Music Video Generator

This skill generates cohesive music and video from a unified prompt, synchronizing mood, style, and energy for a polished music video.

aiautomationdesignux

🧪 Mviz

This skill generates clean, data-focused HTML dashboards from compact JSON or markdown specs using mviz and ECharts.

dataanalyticsfrontenddesign

✨ Nano Banana

This skill generates images with Google's Nano-Banana model, enhancing prompts for higher quality visuals and faster creative results.

aidesignbrandingscripting

📋 Nano Banana Pro

This skill generates or edits images using Google's Nano Banana Pro API, preserving user intent and saving results to the current working directory.

aiapidesignux

✨ Nano Banana Pro

This skill helps you generate and edit images using Nano Banana Pro, applying prompts and edits to produce outputs in multiple resolutions.

aiautomationapicloud

✨ Nano Banana Pro Prompts Recommend Skill

This skill recommends matching Nano Banana Pro image prompts from a large library to suit user needs and content.

aicontentmarketingdesign

🧪 Nano Banana Use

This skill helps you generate, edit, and compose images using Gemini Nano Banana models with configurable prompts, models, aspect ratios, and safety levels.

pythonaiscriptingcloud

🎨 Nanobanana Ppt Skills2

This skill generates polished PPT slides from your documents with AI-driven visuals, transitions, and an interactive playback viewer.

aiautomationdesignproductivity

🎨 Nextjs Code Structure

This skill guides structuring Next.js apps using Feature-Sliced Design and Server Components to improve scalability and maintainability.

frontendfullstackdesignrefactor

📋 Notion Template Business

This skill helps you build and scale Notion template businesses into real revenue by design, pricing, marketing, and marketplace strategies.

designmarketingstrategyproduct

🎨 Obsidian Canvas Creator

This skill converts text into interactive Obsidian Canvas visuals, generating mind maps or freeform layouts to organize content spatially.

aidesignuxproduct

🎨 Og Image

This skill generates Open Graph images aligned with your design system and configures meta tags to optimize social sharing.

frontendbrandingseosocial-media

🎨 Onboard

This skill designs and improves onboarding experiences to help new users understand value quickly and achieve their first success.

designuxfrontendproduct

🔍 Open Closed

This skill helps you apply the Open/Closed Principle by guiding you to add new behavior via extensions rather than modifying existing code.

designrefactorcode-reviewbackend

📝 Openapi Spec Generation Skill

This skill generates OpenAPI 3.0 YAML from simple JSON definitions, scaffolding endpoints and responses to accelerate API documentation.

apibackenddocsautomation

🧪 Openlark Api

This skill helps you implement and validate Feishu OpenPlatform APIs by guiding path, templates, and RequestOption conventions.

apibackenddesignrefactor

📋 Openspec Explore

This skill helps you explore ideas and clarify requirements in a thinking mode, without implementing code, guiding questions and visual thinking.

aidesignresearchplanning

🎨 Opentui Projects

This skill helps you scaffold OpenTUI projects with templates, examples, and best practices to accelerate learning and production-ready setups.

frontendclitypescriptdesign

🎨 Overdrive

This skill helps you push interfaces beyond conventional limits by applying extraordinary frontend techniques that wow users.

frontenduxdesignperformance

🎨 Overview

This skill explains the Agent Runtime purpose, architecture, and value, outlining how it orchestrates isolated AI agent workloads and streams data to apps.

backendaiapifrontend

⚙️ Oxi E16 Config

This skill helps you create and edit .oxie16 scene files for the OXI E16 MIDI controller, translating complex mappings into clear encoder configurations.

javascriptproductdesign

⚙️ Particle Systems

This skill helps you design and optimize particle systems and visual effects for polished, performant game graphics.

performancedesignproductscripting

🧪 Particles Router

This skill routes particle tasks to GPU, physics, and lifecycle specialists, delivering recommended combinations for optimal effects.

performanceproductivitydocsai

🧪 Pattern Ui

This skill enhances UI polish by applying layout and styling patterns to pattern-ui components, ensuring responsive structure and two-way data bindings.

frontenddesignuxperformance

🛡️ Payment Integration Skill

This skill helps you implement secure payment integrations and PCI-compliant billing with Stripe, PayPal, and Adyen across checkout and subscriptions.

backendsecurityapidesign

⚙️ Pdca

This skill manages the entire PDCA cycle end-to-end, guiding planning, design, implementation, analysis, and iteration for faster feature delivery.

aiautomationplanningdesign

🎨 Pellicule Skills

This skill helps you create videos with Vue using Pellicule, providing zero-config rendering and motion tooling for rapid visual storytelling.

frontendproductivityscriptingai

⚙️ Pencil Basics

This skill helps you work with Pencil MCP design files by guiding .pen handling, node layouts, and batch design operations.

designuxscriptingproductivity