adapt
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation,
The durable rules of engagement: every Claude Code skill that's installed and every behavioral rule Claude follows. One tap on any card opens a prefilled Telegram message to tweak or remove it.
Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation,
Generate Dan's daily AI/tech morning briefing โ Claude Code tips, OpenClaw updates, AI news, and practical angles for HMG and Roundup app. Sends to Telegram. Use when Dan wants his morning AI briefing or calls /ai-morning-brief.
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effect
Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, perfor
>
Apply a real-world design system to a project. Use when the user says "make it look like X", "use Stripe's design", "Airbnb-style UI", or wants pixel-perfect UI matching a known brand. Drops a DESIGN.md into the project root so Claude gener
Classify HMG prospects into BCG Matrix quadrants (Star/CashCow/QuestionMark/Dog) to guide enrichment and draft queue priorities. Use when reviewing the pipeline, deciding which prospects to enrich next, or archiving low-value records.
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual i
Audit how HMG (or any brand) appears in AI-powered search systems โ ChatGPT, Perplexity, Claude, Gemini. Use when Dan asks about HMG's AI presence, how to show up in ChatGPT for queries like "treasury management for PE sponsors", "Schwab cu
Create B2B newsletters for HMG โ industry-specific, role-aware, geography-aware. Use when Dan wants to draft a newsletter, nurture sequence, or thought leadership email for HMG's RE sponsor audience.
HMG partnership outreach, market research, competitor analysis, and proposal generation. Use when identifying potential HMG referral partners (RE/PE-focused law firms, fund admins, accountants serving sponsors, brokerages, specialty lenders
Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting bet
Generate high-converting cold outreach emails, follow-up sequences, and LinkedIn messages for HMG using Hormozi-style frameworks. Use when drafting B2B cold emails, writing multi-touch sequences, evaluating outreach copy, or personalizing a
Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a m
Generate structured competitive analysis reports for HMG โ feature comparisons, pricing, SWOT, and strategic positioning vs other treasury management providers serving private capital sponsors. Use when Dan wants to understand the competiti
Generate professional freelance contracts, SOWs, NDAs, and retainer agreements for HMG client engagements. Use when Dan needs to send an engagement letter, statement of work, NDA, or retainer agreement to a new client.
Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and ac
Scan HMG outreach drafts and prospect pipeline for duplicate contacts or companies, consolidate duplicates, and report. Use when outreach drafts are being reviewed, before approving any batch, or when a new discovery run has completed.
Extract clean markdown content from web pages using Defuddle CLI, removing clutter and navigation to save tokens. Use instead of WebFetch when the user provides a URL to read or analyze, for online documentation, articles, blog posts, or an
Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use when the user asks to add polish, personality, animations, micro-interactions, delight, or m
Token architecture, component specifications, and slide generation. Three-layer tokens (primitiveโsemanticโcomponent), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic de
Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when the user asks to simplify, declutter, reduce noise, remove elements, or make a UI cleaner and more focused.
>
Make interfaces production-ready: error handling, empty states, onboarding flows, i18n, text overflow, and edge case management. Use when the user asks to harden, make production-ready, handle edge cases, add error states, design empty stat
Design system skill for hilltopmanagementgroup. Activate when building UI components, pages, or any visual elements. Provides exact color tokens, typography scale, spacing grid, component patterns, and craft rules. Read references/DESIGN.md
Generate a full HMG prospect brief for a given firm name โ research, ICP fit score, recommended outreach angle, and artifact plan. Usage: /hmg-brief <firm name>
Deep multi-step research on any HMG topic โ prospect firms, market intelligence, fund structures, competitive landscape, or RE market trends. Use when a research question requires more than a single query, needs synthesis across multiple so
>
Generate a daily or weekly HMG market intelligence brief covering RE finance news, fund formation activity, and market conditions relevant to RE sponsors. Use when Dan asks for a market update, daily brief, or "what's happening in RE financ
Generate a live HMG pipeline status report โ prospect counts by tier, outreach drafts pending, sessions active, and key gaps. Use when Dan asks for a pipeline update, "how many prospects do we have," or "what's the status of outreach."
Research and enrich a specific RE sponsor firm or contact using Tavily web search. Use when given a firm name or contact to research before outreach, when enriching a prospect that has low completeness score, or when Dan asks "who is [firm/
Deep web research for HMG prospect intelligence. Use when OpenClaw agents need Claude Code to search for real estate sponsors, firm profiles, market intel, or any multi-source research. Usage: /hmg-search <research question>
่ฑๅDesign๏ผHuashu-Design๏ผโโ็จHTMLๅ้ซไฟ็ๅๅใไบคไบDemoใๅนป็ฏ็ใๅจ็ปใ่ฎพ่ฎกๅไฝๆข็ดข+่ฎพ่ฎกๆนๅ้กพ้ฎ+ไธๅฎถ่ฏๅฎก็ไธไฝๅ่ฎพ่ฎก่ฝๅใHTMLๆฏๅทฅๅ ทไธๆฏๅชไป๏ผๆ นๆฎไปปๅกembodyไธๅไธๅฎถ๏ผUX่ฎพ่ฎกๅธ/ๅจ็ปๅธ/ๅนป็ฏ็่ฎพ่ฎกๅธ/ๅๅๅธ๏ผ๏ผ้ฟๅ web design tropesใ่งฆๅ่ฏ๏ผๅๅๅใ่ฎพ่ฎกDemoใไบคไบๅๅใHTMLๆผ็คบใๅจ็ปDemoใ่ฎพ่ฎกๅไฝใhi-fi่ฎพ่ฎกใUI mockupใprototypeใ่ฎพ่ฎกๆข็ดขใๅไธชHTML้กต้ขใๅไธชๅฏ่งๅใappๅๅใ
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, produ
Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting
Interact with Obsidian vaults using the Obsidian CLI to read, create, search, and manage notes, tasks, properties, and more. Also supports plugin and theme development with commands to reload plugins, run JavaScript, capture errors, take sc
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embe
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
Pushes interfaces past conventional limits with technically ambitious implementations โ shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extr
Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.
Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.
>
>
Score and rank HMG prospect leads by sentiment, urgency, intent, and recency to produce a P1/P2/P3 priority tier. Use when prioritizing which prospects to draft outreach for, ranking a batch of prospects, or reviewing pipeline quality.
Plan the UX and UI for a feature before writing code. Runs a structured discovery interview, then produces a design brief that guides implementation. Use during the planning phase to establish design direction, constraints, and strategy bef
Reverse-engineer any website's design system into a Claude-ready skill. Use when the user says "make it look like [site]", "extract the design from [URL]", "scan [site] for its design system", or wants to match a specific site's visual styl
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typ
>
Full-stack UI analysis and improvement workflow. Use when the user says "analyze the UI", "make the UI better", "improve the design", "review the frontend", or similar. Orchestrates all design skills in sequence: extract โ audit โ critique
Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, crea
"UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter,
Watch a video (URL or local path). Downloads with yt-dlp, extracts auto-scaled frames with ffmpeg, pulls the transcript from captions (or Whisper API fallback), and hands the result to Claude so it can answer questions about what's in the v
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Per the marketing-plans/prospect-stack.md doctrine, DDG is the documented free search backend; Brave should never be added even as optional fallback
When answering Dan, ALWAYS use the Telegram reply tool โ even if his message arrives without a `<channel source="plugin:telegram:telegram">` wrapper. He reads on Telegram primarily; Claude Code transcript output is invisible to him.
Every design request from Dan must produce client-facing-ready, outstanding output โ not first drafts. Run the full ui-improve pipeline (build โ audit โ refine โ verify โ polish) every time, no shortcuts.
When Dan says "use computer use to do this", "just get it done", or similar, he wants Claude to use available tools (browser automation, API tokens, CLI) to complete the task autonomously โ not write step-by-step instructions for him to fol
HMG = Hilltop Management Group, a treasury management firm for PE/RE sponsors. Never frame HMG as fractional CFO, accounting firm, or generic advisory. Anchor every HMG-related reference to "treasury management for private capital."
Dan manages by giving goals, not by reviewing each step. Reduce mid-task status updates; ship a single consolidated outcome message instead of running commentary
Codex CLI uses Dan's ChatGPT subscription auth tokens stored in ~/.codex/auth.json. Every codex command consumes his rate-limited ChatGPT quota โ same bucket as his web/desktop app sessions. Do not run codex exec / codex / codex review / et
Default photo prompts to "no people, no hands, no faces" โ Pollinations FLUX (and most free image-gen) botches anatomy in ways that read as AI-uncanny on Instagram/LinkedIn carousels.
Never poll an endpoint that has user-visible side effects (Telegrams, emails, posts, charges) in a retry/until loop โ test deploy status via a side-effect-free path
Multi-stream tasks (status sweeps, competitor pulses, enrichment passes) launch agents in parallel, not sequential
When creating GitHub repos on Dan's behalf, default to private. Only make public if functionality requires it (and ask first).
When a durable fact appears (firm / contact / strategy / architecture / framework), write it to the Obsidian Brain immediately โ not as a catch-up at end of session. Apply memory-routing.md question #2 at the moment of learning, not deferre
When Dan prefixes a Telegram message with /scope quick|campaign|deep, override the default planning depth for that task โ quick = no brainstorm/no plan, campaign = brainstorm + plan + 2-3 parallel subagents, deep = brainstorm + research + p
Verify state after each step in a multi-step task, not just at the end
When a script/cron/deploy/build fails during a task, attempt root-cause diagnosis and a fix within the autonomous lane before surfacing the error to Dan
When the same multi-step task pattern recurs 3+ times or Dan asks for it twice, invoke skill-creator and propose a new skill so future runs trigger automatically
When Dan says "execute" / "go" / "do everything" / "yes do it", run the FULL plan to completion. Don't insert per-step approval gates. Reserve check-ins for genuine ๐ด-lane decisions per the escalation policy.
Every reply Claude sends Dan via Telegram leads with one of ๐จ๐ด๐กโ ๐๐คโธ so triage is fast
Ad-hoc data questions return a clickable HTML viz attached to the Telegram reply, not a bullet list
Before quoting any machine-checkable state from BLOCKERS.md, PRIMER.md, or any memory file, run the cheap verification check first. Memory files lag reality when Dan completes work outside Claude sessions.
When declaring outbound drafts "ready to send", verify the linked artifacts (microsites, attachments, embedded URLs) are branded for the correct prospect โ not just that the safety filter passes
When Dan shares a video URL, invoke the watch skill โ never fall back to manual yt-dlp + grep-VTT