Design skills

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

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

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

This skill guides refactoring with composition patterns to replace boolean props, enabling scalable, reusable React APIs and architecture.

This skill reviews UI code against Web Interface Guidelines and outputs concise file:line findings to improve accessibility and consistency.

This skill applies Mastra brand guidelines to documentation and code by enforcing technical writing style, typography, and visual formatting for consistency.

This skill helps you craft visually engaging scientific slide decks with structured narratives, citations, and design templates for conferences and defenses.

This skill analyzes product screenshots to extract feature lists and generate development task checklists for PRDs and roadmaps.

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

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

This skill generates high-quality PRDs for software features including executive summaries, user stories, technical specs, and risk analysis.

This skill generates breadboard circuit mockups and visual diagrams using HTML5 Canvas for retro electronics projects.

This skill helps you create responsive HTML emails with React Email templates, enabling brand-driven designs across clients.

This skill helps designers and developers apply Screenpipe brand guidelines to UI, copy, and visuals while preserving privacy and consistency.

This skill helps you apply prowler ui conventions using shadcn/ui and Tailwind to organize components, hooks, and styles for consistent UI.

This skill helps you style Tailwind 4 patterns with cn() safely, avoiding var() in className and hex colors.

This skill helps you design, optimize, and debug production agent systems through context engineering best practices and multi-agent architectures.

This skill helps you design and evaluate LLM-backed projects, selecting architecture, tasks, and cost estimates for efficient agent development.

This skill helps you understand and design efficient context windows for AI agents, optimizing loading and budgeting across systems.