Art & Design

Stakeholder mapping, communication plan design, reporting hierarchy, and mid-matter comms updates. Use when setting up a new matter and needing to identify who needs what information, designing the communication rhythm, building reporting structures for multi-jurisdiction programmes, or updating the comms plan when the stakeholder landscape changes. Trigger on: ''stakeholder map'', ''who needs to be kept informed'', ''communication plan'', ''reporting structure'', ''who do we report to'', ''how often do we meet'', ''client wants more updates'', ''new contact on the client side'', ''build the comms plan'', ''reporting hierarchy'', ''HQ vs regions'', ''who is the decision maker'', ''comms rhythm'', ''meeting cadence'', ''status call schedule''.

End-to-end external local counsel lifecycle management for multi-jurisdiction legal matters. LC selection criteria and capability assessment, engagement setup and instruction design, performance monitoring and check-in cadence, scope enforcement, and relationship escalation. Use when selecting local counsel for a jurisdiction, designing LC instructions, managing the LC check-in rhythm, enforcing scope boundaries when LC signals overreach, or escalating a performance or relationship issue beyond the matter team. Trigger on: ''which LC should we use'', ''LC instruction'', ''brief the local counsel'', ''LC hasn''t responded'', ''LC is going off scope'', ''LC scope dispute'', ''confirm scope with LC'', ''LC check-in'', ''LC is slow'', ''monitor the LC network'', ''LC engagement letter'', ''LC selection'', ''what should we tell the local counsel'', ''LC onboarding'', ''LC performance issue'', ''LC relationship problem''.

Collaboration platform configuration methodology for legal matter sites. Site architecture, workflow identification, dashboard design, data quality governance, and user adoption for SharePoint, Teams, and equivalent platforms. M365 is the reference implementation — outputs are platform-agnostic enough to brief IT or build simple automations without becoming a Power Automate manual. Use when setting up a matter site, identifying workflows to automate, designing reporting dashboards, managing platform data quality, or driving user adoption. Trigger on: ''set up the matter site'', ''configure SharePoint'', ''build a dashboard'', ''what should we automate'', ''brief IT on this workflow'', ''nobody is using the platform'', ''data quality is poor'', ''set up Teams channel'', ''matter site structure'', ''alerts and notifications'', ''user training'', ''platform governance'', ''status dashboard'', ''what workflows can we automate'', ''matter site template''.

>- React Native Reanimated is an animation library for React Native that runs animations on the UI thread through worklets and shared values, so they stay smooth while the JavaScript thread is busy. Use when someone asks to "animate in React Native", "Reanimated", "smooth mobile animations", "gesture animations", "shared element transitions", "60fps React Native animations", or to upgrade from Reanimated 3 to 4. Covers Reanimated 4: worklets, shared values, layout animations, CSS transitions, gestures, and scroll-driven animations.

Remove self-narrating meta-commentary — text that describes the artifact it lives in, restates what the reader already sees, or narrates the process that produced it — from UI copy, docs, code comments, commit messages, and PR descriptions. Apply whenever writing or reviewing those surfaces, and before unslop when editing prose. Triggers: tooltips restating labels, "This section describes...", comments restating the next line, "progress is shown while it runs", PR bullets restating the diff.

Use when adding or changing animations, smooth scrolling, carousel behavior, lazy loading, service worker behavior, hydration strategy, or other performance-sensitive front-end behavior in this Astro site. Trigger for Lenis, Embla, reveal effects, runtime media loading, and interaction code that can affect responsiveness.

Build Awwwards-quality web experiences with spring physics, GLSL shaders, R3F, post-processing, particles, Framer Motion, and interactive 3D. Use for creative coding, WebGL, cinematic UI, or award-winning motion design.

Use this skill when implementing animations, transitions, micro-interactions, or motion design in web applications. Triggers on CSS animations, Framer Motion, GSAP, keyframes, transitions, spring animations, scroll-driven animations, page transitions, loading states, and any task requiring motion or animation implementation.

Design and implement web animations that feel natural and purposeful. Use this skill proactively whenever the user asks questions about animations, motion, easing, timing, duration, springs, transitions, or animation performance. This includes questions about how to animate specific UI elements, which easing to use, animation best practices, or accessibility considerations for motion. Triggers on: easing, ease-out, ease-in, ease-in-out, cubic-bezier, bounce, spring physics, keyframes, transform, opacity, fade, slide, scale, hover effects, microinteractions, Framer Motion, React Spring, GSAP, CSS transitions, entrance/exit animations, page transitions, stagger, will-change, GPU acceleration, prefers-reduced-motion, modal/dropdown/tooltip/popover/drawer animations, gesture animations, drag interactions, button press feel, feels janky, make it smooth.

Angular Material + CDK + @angular/animations usage patterns aligned with zoneless + signals-first UI and M3 tokens.

Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding, animating, or reviewing UI motion: transitions, hover states, micro-interactions, enter/exit animations, or any motion design work in React, Framer Motion, CSS, or HTML. Provides per-designer perspectives with context-aware weighting.

Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to "open a website", "fill out a form", "click a button", "take a screenshot", "scrape data from a page", "test this web app", "login to a site", "automate browser actions", or any task requiring programmatic web interaction.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.

Create personalized ABM (Account-Based Marketing) landing pages for specific prospects. Takes a LinkedIn URL, analyzes their background, and creates a targeted landing page that feels authentic (not AI-generated). Trigger words: "create landing page", "personalized page", "abm", "prospect page", "target page for

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

Design, implement, or improve a distinctive, conversion-focused landing page or marketing website. Use for homepages, product pages, launch pages, portfolios, pricing pages, waitlists, campaign pages, and other flows that must explain an offer, establish trust, and guide a measurable next action.

Professional personal finance advisor specializing in plain-text accounting with Beancount and Fava. Use when users need help with: (1) Analyzing spending habits and financial patterns from Beancount files, (2) Creating or understanding Beancount transactions and syntax, (3) Financial planning, budgeting, and investment advice, (4) Interpreting Fava reports and creating custom queries, (5) Organizing chart of accounts, (6) Double-entry bookkeeping principles, (7) Personal finance optimization and wealth building strategies. Provides analysis, education, and personalized recommendations while maintaining professional standards.

A reusable job application workflow for Codex and other AI agents. Use when a user wants to set up or run an AI-assisted job search system: collecting a candidate profile, creating an application dashboard, defining screening and resume-routing rules, finding and ranking job leads, applying to jobs within explicit safety boundaries, recording outcomes, triaging blockers, or iterating a job application workflow.

Run the local TradingAgents Codex fork for multi-agent stock and ETF research. Use when the user asks to analyze tickers with TradingAgents, run codex-analyze, batch stock/ETF research, summarize TradingAgents reports, validate the TradingAgents Codex setup, or turn QQQ/TSLA-style full-chain analysis into a repeatable workflow.

Positioning, structure, proof, and SEO for customer-facing website copy. Use whenever writing, rewriting, expanding, or critiquing copy for a portfolio, marketing, landing, agency, consultancy, or service business site, covering heroes, about pages, service pages, project summaries, case studies, CTAs, headlines, taglines, SEO titles, meta descriptions, and URL slugs. Trigger even for small jobs like shortening a headline or reviewing a single project blurb. Reads `.product/` knowledge files from the dot-product skill when present, and pairs with human-copy-style for baseline voice. Not for marketing emails, newsletters, announcements, social posts, or ad copy, which campaign-copywriter owns, and not for blog posts or UI microcopy with no page-level SEO job, which human-copy-style alone covers.

Guide for quickly setting up a personal blog from scratch. Covers framework selection (Hugo, Hexo, Astro, Next.js), theme configuration, blog post template generation with frontmatter, deployment to GitHub Pages / Vercel / Cloudflare Pages, and full SEO setup (sitemap, robots.txt, Open Graph, canonical URLs). Use this skill whenever the user mentions: setting up a blog, static site, personal site, portfolio, or asks about Hugo / Hexo / Astro blog setup, choosing a blogging framework, deploying a blog, or configuring SEO for a blog. Trigger even if they just say "I want a blog" without specifying a framework.

MPC wallet for AI agents. Secure multi-chain crypto operations with threshold signing across 36+ blockchains. Routes to CLI (shell commands) or SDK (TypeScript) based on your use case.

Robinhood portfolio advisor — read-only access to positions, quotes, fundamentals, news, earnings, analyst ratings, dividends, and options via MCP. Includes cache-first strategy, entity page workflows, and optional Obsidian vault integration.

Master router for the HR Skills library — 100+ specialized skill packages covering the full employee lifecycle: recruiting and talent acquisition, onboarding/offboarding, performance and talent management, compensation and total rewards, learning and development, organizational design and change, workforce planning and analytics, HR technology and AI, compliance and labor relations, culture and wellbeing, employer branding, and technical/software-engineering hiring. Includes Vietnam-specific labor law and cultural guidance. Use this skill FIRST for any HR, People Ops, Talent Acquisition, or hiring-related request — including hiring for engineering, design, product, or data roles — so the right specialized skill(s) get loaded instead of answering from general knowledge. Trigger on any task touching the employee lifecycle, workforce strategy, HR policy, or recruiting for any function.