marcus
- 41 skills
- 0 followers
- 1 week ago last updated
- ▌ Avalara Brand Design · marcus bundleDesign and build websites that look authentically Avalara — matching the company's actual brand identity, Skylab design system, color palette (orange
- ▌ Stereo Design System · marcus bundleSkeuomorphic design system inspired by high-end stereo receivers and hi-fi equipment. Brushed brass controls, warm amber displays, dark chassis panels. Use when (1) building a skeuomorphic or retro-hardware UI, (2) creating audio/music/media player interfaces, (3) designing dashboards or control panels with physical-world metaphors, (4) user asks for a "stereo", "hi-fi", "receiver", "analog", "vintage hardware", or "brushed metal" aesthetic, (5) building dark warm interfaces with brass/gold accents and tactile controls.
- ▌ Ollama Python Streaming · marcus bundleConnect to local Ollama LLM and stream responses using LiteLLM in Python. Includes async streaming, retry logic, and thinking model support.
- ▌ Cursor Agent Orchestrator · marcus bundleBuild Python orchestrators that spawn multiple cursor-agent processes in parallel, capture their output, handle timeouts, log results, and verify task completion. Use this skill when automating bulk tasks via cursor-agent from the terminal.
- ▌ Project Metrics Dashboard · marcus bundleDesign concise, professional dashboards for software projects that surface usage, uptime, and status metrics without a “generative UI” look. Use this skill when a user asks for a modern dashboard, product/engineering health view, or status overview for a SaaS or software system.
- ▌ Openrouter Python Streaming · marcus bundleConnect to OpenRouter API and stream responses using LiteLLM in Python. Includes async streaming, retry logic, and multi-provider access to 400+ models.
- ▌ Web Design System Deliverable · marcus bundleCreate agency-grade web design systems from brand strategy through production handoff. Use when the user asks for a professional design system deliverable covering brand positioning, voice and tone, design tokens, typography, motion, visual assets, responsive strategy, component specs, accessibility, application proof pages, governance, or token integration for web implementation.
- ▌ Claude Code Metadata · marcus bundleComprehensive guide to Claude Code's local data storage, session formats, token tracking, and metadata structures. Use when building dashboards, analytics tools, migration scripts, or any application that needs to read Claude Code's local data. Covers JSONL session format, stats-cache.json structure, settings hierarchy, file history, and all ~/.claude directory contents.
- ▌ Site Design Director · marcus bundleUse when the user asks for help designing (or redesigning) a website/landing page/SaaS UI/portfolio. Delivers UX, typography, layout, tokens, components, interaction guidance, and production code—while avoiding generic AI design. Provides both strategic design direction AND implementation.
- ▌ Sqlite Single Writer · marcus bundleImplement single-writer queue pattern for SQLite in multi-process environments. Use when building CLI tools, local apps, or agent systems where multiple processes may write to SQLite concurrently. Covers file locking (flock/LockFileEx), WAL mode, timeout handling, and diagnostic error messages. Works for Go, Rust, Python, JavaScript/Node.
- ▌ Pragmatic Engineering · marcus bundlePlan, build, refactor, and review software from the user journey outward, using a working steel thread for new capabilities and tracing the affected journey for existing behavior. Use by default for software planning, implementation, debugging, refactoring, testing, technical decision-making, and code review unless the user explicitly requests enterprise architecture governance or invokes a more specialized conflicting approach. Optimize for useful behavior, iterative delivery, clear conventions, replaceable seams, and a maintainable agent and developer experience without speculative hardening or overarchitecture.
- ▌ Agent Teams · marcus bundleCoordinate Claude Code agent teams for td-watch development. Use when creating teams, assigning tasks, running team sessions, or when any agent needs to understand team coordination rules. Covers roles, file ownership, friction protocol, quality gates, and common team configurations.
- ▌ Interactive Courseware · marcus bundleCreate state-of-the-art interactive online courseware with AI agents. Covers course architecture, multimedia generation (narration, video, images, sound), interactive patterns (branching scenarios, simulations, gamification), SCORM/xAPI/cmi5 packaging for LMS delivery, and collaborative agent-human workflows. Use when building courses, training content, e-learning modules, or educational experiences.
- ▌ Linear Design Patterns · marcus bundleLinear-inspired design system patterns for building keyboard-first, high-density, dark-first web applications. Use when (1) building a new design system or design tokens inspired by Linear's aesthetic, (2) implementing keyboard-first navigation with command palettes and vim-style shortcuts, (3) designing admin tools, developer tools, or SaaS UIs that prioritize speed and information density, (4) choosing color systems, typography, animation, or feedback patterns for professional/engineering-focused apps, (5) user mentions Linear, Linear-style, or asks for a clean/minimal/keyboard-first design approach.
- ▌ Browser Proof · marcus bundleCapture browser screenshots of Perch UI for visual verification. Use after implementing UI changes to prove they work, or when asked to verify, screenshot, or capture browser proof of a feature.
- ▌ Td Ralph Loop · marcus bundleSet up and run autonomous overnight coding loops that process td epic tasks one at a time. Includes the loop runner, Rich TUI cockpit dashboard, and prompt template. Use when automating multi-day feature development across many tasks with td for state management.
- ▌ Nano Banana Pro · marcus bundleGenerate or edit images with Google's Nano Banana Pro image model through the bundled Gemini API script. Use for text-to-image generation, image-to-image edits, or requests for 1K, 2K, or 4K Gemini image output.
- ▌ Browser Board Games · marcus bundleArchitecture and implementation guide for browser-based multiplayer board games with real-time interactions, smooth 2D animations, lobby management, and WebSocket networking. Use when building any turn-based or real-time board/card/tabletop game for the browser.
- ▌ Bun Getting Started · marcus bundleProvides comprehensive guidance for getting started with Bun 1.3, including installation, project setup with HRM (Hot Module Replacement), database configuration with Bun.SQL (MySQL, PostgreSQL, SQLite), and best practices for building full-stack JavaScript applications.
- ▌ Professional Readme · marcus bundleCreate a concise, complete, developer-focused README.md for software projects that experienced developers can use immediately.
- ▌ Betamax Docs · marcus bundleCreate reproducible TUI screenshots and GIF demos for documentation with Betamax. Use when asked to capture terminal screenshots, record demos, or author .keys files.
- ▌ Google Style · marcusPresent technical information, decisions, tradeoffs, and code in chat using Google Developer Documentation Style Guide standards. Use when answering technical questions, presenting architecture/design choices, explaining technical concepts, structuring procedural steps, or formatting technical communication in chat.
- ▌ Human Writing · marcus bundleWrite naturally and avoid AI-detectable patterns. Use when (1) generating any written content, (2) reviewing/editing text for AI-like patterns, (3) user asks to make writing sound more human/natural, or (4) improving text that sounds robotic or generic. Covers vocabulary, structure, tone, and formatting tells that signal AI authorship.
- ▌ Perch Planner · marcus bundleUse the Perch plan CLI to create, read, update, and manage architectural plans. Covers project lifecycle, tree building, reviews, snapshots, facets, inputs, and export. Use when asked to retrieve a plan by name, build a plan tree, run a review, or interact with the planner in any way.
- ▌ Surface Parity · marcus bundleDesign, implement, refactor, and review software that exposes owned capabilities across human interfaces, agent interfaces, and APIs without duplicating business logic or allowing surfaces to drift. Use when choosing or evolving UI, TUI, native, CLI, API, or MCP surfaces; adding a feature to a multi-surface product; preparing a clean future API boundary; reviewing surface-only behavior; or designing parity and contract tests. Keep selected surfaces semantically aligned through one shared application core while allowing each surface appropriate ergonomics and transport behavior.
- ▌ Lightroom Search · marcus bundleSearch and query a Lightroom CC photo catalog via a SQLite+FTS5 index. Use when the user wants to find photos, browse their library, get stats, search by keyword/rating/camera/date, or work with Lightroom catalog data. Covers catalog location, indexing, search queries, and the index database schema.
- ▌ Claude Code Tasks · marcus bundleGuide for programmatically interacting with Claude Code's task/todo system from external code. Use this skill whenever the user wants to: monitor or track Claude Code tasks from scripts, build automations that react to todo updates, create hooks that enforce task completion criteria, build custom task management MCP tools, use the Agent SDK to watch or control task progress, stream task updates via the CLI, integrate Claude Code's task system with external services, or orchestrate work across subagents. Also trigger when users mention "TodoWrite", "TaskCompleted", "Agent SDK tasks", "programmatic tasks", "task hooks", or "claude code automation" — even if they don't explicitly say "skill".
- ▌ Lightroom Catalog · marcus bundleIndex and search Adobe Lightroom CC catalogs on macOS. Build a searchable SQLite+FTS5 database from the .mcat catalog, with incremental sync, full-text search, EXIF/keyword filtering, and stats. Use when user wants to query their Lightroom library, find photos by metadata, or set up automated catalog indexing.
- ▌ Rich Link Previews · marcus bundleCreate and debug rich link previews (Open Graph + Twitter/X Cards) for iMessage, WhatsApp, Slack/Discord, and social platforms. Use when user asks about og tags, twitter cards, link previews, social sharing metadata, or when a shared link preview looks wrong or missing.
- ▌ Technical Diagrams · marcus bundleGenerate and render technical diagrams (C4, sequence, flowchart, architecture, ER, state, infrastructure) using Mermaid.js for inline web rendering or D2 for static PNG/SVG export with hand-drawn sketch style. Covers syntax for all diagram types, browser rendering, dark theme integration, LLM generation best practices, and accessibility.
- ▌ Dev Docs · marcus bundleCreate exceptional developer documentation for open source projects. Use when: (1) Writing README files, (2) Creating API documentation, (3) Building getting-started guides, (4) Writing tutorials or how-to guides, (5) Documenting CLI tools, (6) Analyzing a codebase to derive features for documentation. Produces docs that are concise yet complete, scannable, and user-oriented.
- ▌ AI Image Generation · marcus bundleGenerate images via OpenAI (gpt-image-1 / gpt-image-1.5), Google Gemini (Imagen 4), or AWS Bedrock (Amazon Titan Image Generator v2). Includes composite diagram system (Mermaid + Titan backgrounds + ImageMagick) for slide-quality diagrams with perfect text. Use when asked to generate images, create illustrations, compose diagrams, build slide graphics, or use Bedrock/Titan for image generation.
- ▌ Architecture Review · marcus bundleConduct architectural reviews for new or existing software projects. Use when: (1) starting a new project and need architectural foundations, (2) reviewing architecture decisions before implementation, (3) creating ADRs or design docs, (4) evaluating technology selections, (5) assessing non-functional requirements, (6) setting up project scaffolding with built-in quality. Combines enterprise ARB governance with modern agentic coding patterns.
- ▌ Imessage Extraction · marcus bundleExtract, decode, and query iMessage conversations from macOS chat.db. Use when user needs to access iMessage history, export conversations, search messages, decode attributedBody fields, convert Apple timestamps, transcribe voice messages, or create clean SQLite databases from iMessage data. Handles NSKeyedArchiver decoding, artifact cleanup, schema navigation, contact name resolution via AddressBook databases, and voice message transcription via yap.
- ▌ Software Demo Video · marcus bundleCreate premium software demo and product videos that convert. Covers every phase from thumbnail and script through production, narration, transitions, sound design, and distribution. Use when planning, scripting, storyboarding, or reviewing any software marketing video — explainers, product tours, feature highlights, launch announcements, customer stories, or comparison videos.
- ▌ Remotion · marcus bundleBuild programmatic videos with Remotion 4. Covers compositions, components, audio sync, rendering, and deployment. Use when creating video content with React/TypeScript.
- ▌ Braid CLI · marcus bundleUse Braid's CLI to operate the daily podcast pipeline, generate images with local models, and inspect distributed inference. Use when checking whether the daily run succeeded, inspecting or recovering a workflow run, running preflight, rebuilding or deploying the site or an episode, opening the Braid dashboard, generating images with local adapters, or inspecting Braid workers, queues, claims, source scores, and dead-letter jobs.
- ▌ Design Md · marcus bundleCreate and maintain DESIGN.md files — a design system specification optimized for AI consumption. Use when creating a project's design system file, extracting tokens from existing CSS/code, auditing design consistency, or onboarding an agent to a project's visual language.
- ▌ Roc Icons · marcus bundleUse Roc icon library (@marcus/roc) in projects. Covers React, Svelte, and HTML sprite usage, all 4 styles, and migration from other icon sets.
- ▌ Orchestrate · marcusOrchestrate development work through sub-agents using td for state. Use when given a td task ID, text idea, markdown plan, or td epic to execute through plan-implement-review loops, or when asked to triage the pending review queue.
- ▌ Write Plans · marcus bundleWrite and update durable project, implementation, migration, and architecture plans. Use when creating a new plan document, revising an existing plan, choosing where a plan belongs in a repository, or splitting a large plan into an indexed set of documents.