marchatton
- 80 skills
- 0 followers
- 4 hours ago last updated
- ▌ Architecture Strategist · marchattonUse this agent when you need to analyze code changes from an architectural perspective, evaluate system design decisions, or ensure that modifications align with established architectural patterns. This includes reviewing pull requests for architectural compliance, assessing the impact of new features on system structure, or validating that changes maintain proper component boundaries and design principles.
- ▌ Data Integrity Guardian · marchattonUse this agent when you need to review database migrations, data models, or any code that manipulates persistent data. This includes checking migration safety, validating data constraints, ensuring transaction boundaries are correct, and verifying that referential integrity and privacy requirements are maintained.
- ▌ Bug Reproduction Validator · marchattonUse this agent when you receive a bug report or issue description and need to verify whether the reported behavior is actually a bug. This agent will attempt to reproduce the issue systematically, validate the steps to reproduce, and confirm whether the behavior deviates from expected functionality.
- ▌ Code Simplicity Reviewer · marchattonUse this agent when you need a final review pass to ensure code changes are as simple and minimal as possible. This agent should be invoked after implementation is complete but before finalizing changes, to identify opportunities for simplification, remove unnecessary complexity, and ensure adherence to YAGNI principles.
- ▌ Rams · marchattonDesign feedback via the rams skill. Use for UI critique or design suggestions; backup to ui-skills.
- ▌ Agent Native Architecture · marchatton bundleBuild applications where agents are first-class citizens. Use this skill when designing autonomous agents, creating MCP tools, implementing self-modifying systems, or building apps where features are outcomes achieved by agents operating in a loop.
- ▌ Kieran Typescript Reviewer · marchattonUse this agent when you need to review TypeScript code changes with an extremely high quality bar. This agent should be invoked after implementing features, modifying existing code, or creating new TypeScript components. The agent applies Kieran's strict TypeScript conventions and taste preferences to ensure code meets exceptional standards.\n\n.
- ▌ Security Sentinel · marchattonUse this agent when you need to perform security audits, vulnerability assessments, or security reviews of code. This includes checking for common security vulnerabilities, validating input handling, reviewing authentication/authorization implementations, scanning for hardcoded secrets, and ensuring OWASP compliance.
- ▌ Framework Docs Researcher · marchattonUse this agent when you need to gather comprehensive documentation and best practices for frameworks, libraries, or dependencies in your project. This includes fetching official documentation, exploring source code, identifying version-specific constraints, and understanding implementation patterns.
- ▌ Pattern Recognition Specialist · marchattonUse this agent when you need to analyze code for design patterns, anti-patterns, naming conventions, and code duplication. This agent excels at identifying architectural patterns, detecting code smells, and ensuring consistency across the codebase.
- ▌ Deployment Verification Agent · marchattonUse this agent when a PR touches production data, migrations, or any behavior that could silently discard or duplicate records. Produces a concrete pre/post-deploy checklist with SQL verification queries, rollback procedures, and monitoring plans. Essential for risky data changes where you need a Go/No-Go decision.
- ▌ Create Agent Skills · marchatton bundleExpert guidance for creating, writing, and refining Claude Code Skills. Use when working with SKILL.md files, authoring new skills, improving existing skills, or understanding skill structure and best practices.
- ▌ Design Lab · marchattonConduct design interviews, generate five distinct UI variations in a temporary design lab, collect feedback, and produce implementation plans. Use when the user wants to explore UI design options, redesign existing components, or create new UI with multiple approaches to compare.
- ▌
- ▌ Ask Questions If Underspecified · marchattonClarify requirements before implementing. Do not use automatically, only when invoked explicitly.
- ▌ Canvas Design · marchattonCreate beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
- ▌ UI UX Pro Max · marchattonUI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
- ▌ Modular Skills Architect · marchattonMap and refactor an agent context ecosystem: skills, commands/workflows, hooks, agent files, AGENTS.md templates, and docs. Output system map, module/dependency design, Register updates, and a concrete split/consolidate/rename/delete plan. Use when routing or ownership is messy.
- ▌
- ▌ Interface Design · marchattonThis skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).
- ▌ Repo Research Analyst · marchattonUse this agent when you need to conduct thorough research on a repository's structure, documentation, and patterns. This includes analyzing architecture files, examining GitHub issues for patterns, reviewing contribution guidelines, checking for templates, and searching codebases for implementation patterns. The agent excels at gathering comprehensive information about a project's conventions and best practices.\n\n.
- ▌ Beautiful Mermaid · marchattonRender Mermaid diagrams to SVG or ASCII/Unicode with beautiful-mermaid (Node/Bun/Deno/browser, no DOM). Use when you need Mermaid render without DOM.
- ▌ Engineering Tutor · marchattonTeach engineering concepts for real understanding using the Feynman technique, strong metaphors, and diagrams (render via beautiful-mermaid). Use when users ask to explain/teach/break down engineering concepts, build intuition/mental models, understand trade-offs/failure modes/design choices, or want a visual diagram.
- ▌ Pr Comment Resolver · marchattonUse this agent when you need to address comments on pull requests or code reviews by making the requested changes and reporting back on the resolution. This agent handles the full workflow of understanding the comment, implementing the fix, and providing a clear summary of what was done.
- ▌ Git History Analyzer · marchattonUse this agent when you need to understand the historical context and evolution of code changes, trace the origins of specific code patterns, identify key contributors and their expertise areas, or analyze patterns in commit history. This agent excels at archaeological analysis of git repositories to provide insights about code evolution and development patterns.
- ▌ Parallel Web Tools · marchatton bundleThis skill should be used when users want a Firecrawl-like capability for web discovery and clean markdown extraction using Parallel Search and Parallel Extract (including objective-led excerpts and full content).
- ▌ Agent Native Reviewer · marchattonFocused parity review for a feature/PR. Use when validating action/context parity and generating a capability map + findings.
- ▌ Data Migration Expert · marchattonUse this agent when reviewing PRs that touch database migrations, data backfills, or any code that transforms production data. This agent validates ID mappings against production reality, checks for swapped values, verifies rollback safety, and ensures data integrity during schema changes. Essential for any migration that involves ID mappings, column renames, or data transformations.
- ▌ Heal Skill · marchattonThis skill should be used when fixing incorrect SKILL.md files with outdated instructions or APIs.
- ▌ Brand Dna Extractor · marchatton bundleThis skill should be used when users want to scrape multiple websites (Firecrawl, Parallel, or hybrid), extract brand guideline signals (including CSS variables + computed styles via browser probing), generate per-site prompt packs, and blend sources into a composite brand direction with exactly three outputs: brand_guidelines.md, prompt_library.json, design_tokens.json.
- ▌ Kieran Python Reviewer · marchattonUse this agent when you need to review Python code changes with an extremely high quality bar. This agent should be invoked after implementing features, modifying existing code, or creating new Python modules. The agent applies Kieran's strict Python conventions and taste preferences to ensure code meets exceptional standards.\n\n.
- ▌ Best Practices Researcher · marchattonUse this agent when you need to research and gather external best practices, documentation, and examples for any technology, framework, or development practice. This includes finding official documentation, community standards, well-regarded examples from open source projects, and domain-specific conventions. The agent excels at synthesizing information from multiple sources to provide comprehensive guidance on how to implement features or solve problems according to industry standards.
- ▌ Browser Use · marchattonFast, persistent browser automation via `browser-use` CLI (sessions persist across commands). Use for multi-step web workflows (open -> state -> click/input -> verify -> repeat). Supports chromium/headed, real Chrome (logged-in), and remote browser.
- ▌ Dev Browser · marchatton bundleBrowser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", or any browser interaction request.
- ▌ Create JSON Prd · marchatton bundleGenerate a Product Requirements Document (PRD) as JSON for Ralph by converting an existing PRD markdown file. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.
- ▌ Compound Docs · marchatton bundleCapture solved problems as categorized documentation with YAML frontmatter for fast lookup. Use when a non-trivial problem is solved and worth reusing.
- ▌ Precoil Emt · marchatton bundleUse this skill when the user wants to test a business idea, strategy, or initiative against real-world risk. Triggers include: 'test my idea', 'what are the riskiest assumptions', 'help me validate this', 'run EMT on this', 'extract assumptions', 'assumption mapping', 'what could go wrong with this plan', 'pressure test this', 'validate this plan', 'what could go wrong with this strategy', 'identify hidden risk in this idea', or any request to pressure-test a business decision before committing resources. Runs a guided Extract → Map → Test system based on David J. Bland's Precoil methodology.
- ▌ Spec Flow Analyzer · marchattonUse this agent when you have a specification, plan, feature description, or technical document that needs user flow analysis and gap identification. This agent should be used proactively when:\n\n.
- ▌ Agent Native Audit · marchattonComprehensive agent-native architecture audit with scored principles and multi-slice review. Use for system-wide health checks or periodic audits.
- ▌ Nano Banana Pro · marchatton bundleGenerate/edit images with Nano Banana Pro (Gemini 3 Pro Image). Use for image creation or modification incl logos, stickers, mockups, style transfer, multi-image composition, and multi-turn refinement.
- ▌ Spike Investigation · marchatton bundleThis skill should be used when shaping work and needing to de-risk rabbit holes (technical unknowns, design gaps, interdependencies) by running timeboxed spikes, documenting proof, and updating the shaped concept with patches, cuts, and out-of-bounds so the work stays thin-tailed within the appetite.
- ▌ Performance Oracle · marchattonUse this agent when you need to analyze code for performance issues, optimize algorithms, identify bottlenecks, or ensure scalability. This includes reviewing database queries, memory usage, caching strategies, and overall system performance. The agent should be invoked after implementing features or when performance concerns arise.\n\n.
- ▌ Openai Image Gen · marchatton bundleBatch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery. Use when you need prompt variants or batches.
- ▌ Fixing Motion Performance · marchattonFix animation performance issues. Use for motion audits or refactors.
- ▌ 12 Principles Of Animation · marchattonApply Disney's 12 animation principles to web interfaces. Use when implementing motion, reviewing animation quality, designing micro-interactions, or making UI feel alive. Triggers on tasks involving CSS animations, transitions, motion libraries, easing curves, springs, or UX feedback.
- ▌ Generating Tailwind Brand Config · marchatton bundleTransforms Brand DNA artefacts (docs/02-guidelines/inspiration/brand_guidelines.md, design_tokens.json, prompt_library.json) into Tailwind-ready design system config (CSS variables + Tailwind preset) for a web app and a marketing site. Use when wiring tokens into Tailwind, setting up light/dark mode, or generating reusable presets and component recipes.
- ▌ Interaction Design · marchattonDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
- ▌ Composition Patterns · marchatton bundleReact composition patterns that scale. Use when refactoring boolean prop proliferation, designing reusable component APIs, or reviewing component architecture.
- ▌ React Best Practices · marchatton bundleReact/Next.js performance best practices from Vercel. Use when writing, reviewing, or refactoring React/Next.js code for performance, data fetching, or bundle size.
- ▌ Swiftui UI Patterns · marchattonBest practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.
- ▌ Wcag Audit Patterns · marchattonConduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
- ▌
- ▌ Tailwind CSS Patterns · marchattonComprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
- ▌ Changelog · marchattonThis skill should be used when creating changelogs for recent merges to main branch.
- ▌ Reproduce Bug · marchattonThis skill should be used when reproducing and investigating a bug using logs, console inspection, and browser screenshots.
- ▌ Use AI Sdk · marchatton bundleAI SDK guidance. Use for Vercel AI SDK APIs (generateText, streamText, ToolLoopAgent, tools), providers, streaming, tool calling, structured output, or troubleshooting.
- ▌ Wf Develop · marchattonThis skill should only be used when the user uses the word workflow and asks to develop or implement changes with a verification-first loop and clean handoff/pickup boundaries.
- ▌ Wf Release · marchattonThis skill should only be used when the user uses the word workflow and asks to release or ship changes with a release checklist, verification, and clean handoff/pickup boundaries.
- ▌ Docs List · marchattonRun `scripts/docs-list.ts` to list `docs/` markdown + frontmatter summary/read_when. Use when auditing docs coverage.
- ▌ Firecrawl · marchatton bundleWeb search/scrape/crawl via Firecrawl CLI (prefer for live internet lookups).
- ▌ Breadboarding · marchatton bundleThis skill should be used when shaping a software change and needing to breadboard the solution at the right level of abstraction (places, affordances, connections), including mapping an existing system via UI + code affordances, producing a wiring diagram, a parts/BOM plan, a fit check, and (when relevant) an extract-vs-duplicate analysis.
- ▌ Test Browser · marchattonThis skill should be used when running browser tests on pages affected by the current PR or branch.
- ▌ Agentation · marchattonAdd Agentation toolbar to Next.js. Use for install/config or dev-only <Agentation />.
- ▌ Create CLI · marchatton bundleDesign command-line interface parameters and UX: arguments, flags, subcommands, help text, output formats, error messages, exit codes, prompts, config/env precedence, and safe/dry-run behavior. Use when you’re designing a CLI spec (before implementation) or refactoring an existing CLI’s surface area for consistency, composability, and discoverability.
- ▌ File Todos · marchatton bundleManage file-based todos stored alongside a dossier. Create, triage, and track dependencies. Use when work is tracked in docs/*/todos.
- ▌ Demo Runbook · marchatton bundleThis skill should be used when a user needs a demo package that starts with a live demo (not slides) and produces both a demo script and a navigable single-file HTML runbook, including caveats, respectful competitive comparison, and LLM architecture details (RAG, evals, observability).
- ▌ Brief · marchattonWrite or update `brief.md` for shaping. Use when asked to create a project or feature brief, a 1-2 pager, or to turn rough inputs into goals, non-goals, scope, risks, and open questions.
- ▌ Triage · marchattonThis skill should be used when triaging and categorizing findings for the CLI todo system.
- ▌ Wf Plan · marchatton bundleThis skill should only be used when the user uses the word workflow and asks to create a commit-ready, deep project plan from a shaped packet (brief, breadboard, risks, spikes) before development starts, with handoff/pickup boundaries to avoid context rot.
- ▌ Wf Shape · marchatton bundleThis skill should only be used when the user uses the word workflow and asks to shape a project from messy inputs into a de-risked, de-scoped shaped packet (brief, breadboard, risks, spikes) ready for wf-plan, with handoff/pickup boundaries to avoid context rot.
- ▌ Verify · marchattonVerification ladder. Pick smallest scope, run scripts in order, smoke UI, report PASS/NO-GO.
- ▌ Landpr · marchattonThis skill should be used when preparing a /landpr prompt/checklist to land a PR.
- ▌ Oracle · marchattonUse the @steipete/oracle CLI to bundle a prompt plus the right files and get a second-model review (API or browser) for debugging, refactors, design checks, or cross-validation.
- ▌ Pickup · marchattonThis skill should be used when preparing a pickup checklist when starting a task, rehydrating context from the latest handoff note if available.
- ▌ Create Prd · marchattonDraft PRD with scope, stories, acceptance criteria, verification. Use when shaping a new feature or spec.
- ▌ Deepen Plan · marchattonThis skill should be used when deepening a plan with parallel research agents for each section.
- ▌ Plan Review · marchattonThis skill should be used when having multiple specialized agents review a plan in parallel.
- ▌ Wf Ralph · marchatton bundleRun a Ralph-style, one-story-per-iteration loop using the Ralph CLI (dev, research, e2e, review), Codex-by-default, and dossier-local PRD JSON discovery.
- ▌ Wf Review · marchattonThis skill should only be used when the user uses the word workflow and asks to review changes (select mode = light, light-plus, heavy) with verification and context handoff/pickup to avoid context rot.
- ▌ Handoff · marchattonThis skill should be used when preparing a handoff checklist for agents and persisting it as a handoff note that can be picked up in a fresh thread.