Skills tagged "design" (787)

🎨 Interactive Study Guide

This skill converts a completed study guide markdown into an interactive, scroll-driven web experience with editorial typography and progressive disclosure.

frontenduxdesignjavascript

⚙️ Interview Plan

This skill conducts Socratic interviews to refine requirements into executable plans and directly invokes Plan mode for actionable outcomes.

aiautomationplanningproduct

🧪 Ios

This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.

designuxaccessibilitycode-review

🧪 Ios Design

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

designuxfrontendaccessibility

🧪 Ios Design Workflow

This skill orchestrates end-to-end iOS design workflow from idea to implementation, aligning with Apple HIG and generating actionable specs and tasks.

designuxproductivityplanning

📋 Ios Hig Design

This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.

swiftdesignaccessibilityux

🎨 Ios Hig Reference

This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.

designuxaccessibilityswift

🎨 Ios Mapkit

This skill helps you implement MapKit in SwiftUI for iOS 17+, enabling maps, user location, markers, routes, and geocoding.

frontenddocsdesignux

🎨 Ios Ux Design

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

uxdesignaccessibilityfrontend

🎨 Ios Ux Prototype

This skill helps you create interactive iOS UX prototypes as self-contained HTML with phone frames and annotations to visualize flows.

designuxfrontendproductivity

⚙️ Isometric Asset Sheets

This skill generates isometric asset sheets with standardized red background, 6x5 grid, hyper-realistic assets, ensuring consistent projections for the city

aiautomationdesigntypescript

🧪 Issue Resolver

This skill analyzes GitHub issues, triages type and priority, and proposes concrete resolution plans using specification driven development.

aiautomationgitdesign

🧪 Jainism Ahimsa

This skill helps you navigate design and decisions with Ahimsa, Anekantavada, and Syadvada, minimizing harm while embracing multiple perspectives.

aiproductresearchdesign

🧪 Java Best Practices

This skill helps you apply Java best practices and design patterns, including clean naming, streams, and robust error handling.

backendperformancedesignrefactor

🎨 Json Canvas

This skill helps you create and edit JSON Canvas files for mind maps and flowcharts, organizing nodes, edges, and groups visually.

dataproductivityplanningdesign

🎨 Json Render Templates

This skill helps you generate UI templates like flowcharts, forms, dashboards, and galleries as ready-to-emit JSON payloads for rapid visualization.

frontenddataanalyticsdesign

🧪 Kaizen

This skill applies continuous improvement and error-proofing to code, architecture, and workflows, guiding small iterative changes that prevent errors and

refactorcode-reviewtestingdocs

📋 Kancolle Infographic

This skill generates island-inspired infographic visualizations for fleet collection style data using hand-drawn, white background layouts.

designdatabrandingai

🧪 Kiro Specs

This skill helps you generate a complete Kiro spec pack (.kiro/specs) including requirements with EARS, design, and executable tasks.

productplanningdocsdesign

🎨 Ladakhride Ui Review

This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.

designuxfrontendaccessibility

🧪 Landing Page Optimizer

This skill helps optimize landing pages for higher conversions by auditing copy, design, and UX, then delivering prioritized, testable improvements.

marketinggrowthcopywritingdesign

🧪 Laravel Interfaces And Di

This skill helps Laravel developers decouple code by defining narrow interfaces, injecting dependencies, and binding implementations in a service container.

backendrefactortestingcode-review

📋 Laravel Strategy Pattern

This skill enables runtime behavior selection using the Strategy pattern by binding multiple implementations to a shared interface across Laravel and Vue apps.

backendstrategyfullstackdesign

🧪 Latex Format Adapter

This skill analyzes external formatting specifications and automatically adjusts LaTeX configuration files to meet page layout, fonts, and heading styles.

formattingscriptingdocswriting

🔍 Lightweight Design Analysis

This skill analyzes Python code for design quality across eight dimensions, providing actionable findings with file:line references to guide refactors.

backendcode-reviewdesignrefactor

🎨 Liquid Glass

This skill helps you implement Liquid Glass UI in SwiftUI using the glassEffect API for modern, interactive, and morphing designs.

frontenddesignuxperformance

🧪 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

🎨 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 Diagramming

This skill helps you create and integrate Mermaid diagrams in Obsidian notes to visualize processes, architectures, and workflows.

designfrontenddocsproduct

🔍 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

🧪 Mobbin Ux

This skill discovers Mobbin UX patterns, generates a design spec for approval, then implements research-backed interfaces.

designuxresearchfrontend

🧪 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