m-binimran

Design, build, verify, and publish a curated Claude Code pack — a reusable collection of rules, skills, hooks, loops, and review agents — to GitHub. Trigger this skill whenever the user wants to "create a Claude Code pack", "build a rules/hooks/skills collection", "make a guardrail pack", "package my hooks/skills/agents", "publish a Claude Code config to GitHub", or assemble enforced standards for a stack (e.g. Next.js + Supabase, Django, etc.). This skill is the methodology that produced github.com/m-binimran/dev-pack; reuse it instead of re-deriving the process. Run it BEFORE writing any pack files — it sequences research, clarification, building, verification, and safe publishing.

Audit a web page/component against WCAG 2.2 AA — semantics, keyboard, contrast, labels, focus, alt text. Use when reviewing UI for accessibility or before shipping a page.

Implement web animations with the right engine (Motion, GSAP, Anime.js, React Spring, tailwindcss-motion) and a mandatory prefers-reduced-motion fallback at 60fps. Use when adding any motion to a site.

Design Next.js route handlers and server actions with input validation, correct status codes, error handling, and rate limiting. Use when building an API endpoint, server action, or webhook receiver.

Get Next.js App Router caching right — static vs dynamic rendering, fetch cache, revalidatePath/revalidateTag, and ISR. Use when data is stale, a page won't update, or you're tuning performance vs freshness.

Build a production React component on shadcn/ui + Tailwind — variants, compound pattern, accessible states, and a clean prop API. Use when creating a new UI component or refactoring a messy one.

Safely back up and restore a Postgres/Supabase database — pg_dump/pg_restore, Supabase backups/PITR, and a no-data-loss restore runbook. Use before risky migrations, for disaster recovery, or when cloning prod to staging.

Choose an intentional, non-template visual direction (style, palette, type, motion) BEFORE writing any UI. Use at the start of a new site/page or when output looks generic. Enforces the anti-template policy.

Interpret Instagram/Facebook Insights and turn them into next actions - what's working, what to do more of, what to cut. Use when reviewing performance from supplied metrics.

Write an Instagram/Facebook caption (hook, body, CTA) plus a smart hashtag set and alt text. Use when finalizing any post/Reel/carousel for publishing.

Write an Instagram/Facebook carousel - hook slide, value slides, and a CTA slide - designed to earn the swipe and the save. Use when creating an educational or list-style carousel.

Draft replies to comments and DMs - engagement, FAQs, objections, and light moderation - in the creator's voice. Use when managing community interaction or building reply templates.

Build a posting calendar for Instagram + Facebook - cadence, format mix, series, and themes - that's sustainable. Use when planning a week/month of content.

Generate Instagram/Facebook content ideas - angles, hooks, formats, and series - tied to the creator's niche and goals. Use when planning content, beating a block, or filling a calendar.

Build a growth/engagement strategy for Instagram + Facebook - format mix, posting rhythm, hooks, saves/shares optimization, and community tactics - without bait or buying followers. Use for channel growth planning.

Write Facebook-native content - feed posts, longer-form storytelling, and Group posts - tuned for FB's audience and reach behavior. Use when posting to a Facebook Page or Group.

Audit a palette or design for WCAG color contrast and legibility, and suggest compliant adjustments. Use when finalizing a palette, design tokens, or any text-over-color/imagery.

Produce a clean export/delivery spec - right formats, sizes, densities, naming, color profile, optimization - for a set of assets. Use when delivering assets to a client or developer.

Assemble or audit a brand kit - logo, colors, typography, spacing, usage rules - and pull real brand data via Brand.dev. Use when starting brand work, onboarding a client, or standardizing a brand.

Create or edit a branded layout in Canva via the connector - from a brand template, then export. Use for social posts, flyers, decks, and marketing collateral that should stay on-brand and fast.

Critique a design against craft principles - hierarchy, layout, type, color, spacing, accessibility, brand fit. Use when reviewing a draft, a generated image, or a layout before delivery.

Define or extract a design token system (color, type, spacing, radius, shadow) and output it as JSON/CSS variables. Use when setting up a design system or converting a Figma/brand palette to tokens.

Pull a Figma design via the Figma connector and produce a developer handoff - tokens, specs, redlines, asset list, and component notes. Use when handing a design to engineering or auditing a Figma file.

Edit or retouch an existing image with a connector - background removal, generative fill/expand, cleanup, recolor, or compositing. Use when modifying a photo or asset rather than generating from scratch.

Build an annual operating budget / plan - revenue, headcount, opex, and cash - from drivers, with monthly phasing. Use for annual planning, departmental budgets, or a board plan.

Value a company by comparable companies / trading multiples (and precedent transactions) - select peers, compute multiples, and apply to the target. Use for relative valuation alongside a DCF.

Assess creditworthiness - leverage, coverage, liquidity, cash flow durability, and debt structure - for a lender/bondholder view. Use when evaluating debt, covenants, or default risk.

Build a discounted cash flow valuation - project free cash flow, discount at WACC, add terminal value, and run sensitivity. Use when estimating intrinsic value. Output is an estimate, not a fact.

Analyze an earnings report / call - results vs. expectations, guidance, drivers, and management tone - into a concise recap. Use after a company reports or to prep for one.

Structure an equity research note - thesis, business, financials, valuation, risks, and a rating - with required disclaimers/disclosures. Use when writing a research report or investment thesis.

Structure an integrated 3-statement financial model - drivers, income statement, balance sheet, cash flow, and the links between them - with assumptions and checks. Use when building or reviewing a model.

Analyze the income statement, balance sheet, and cash flow statement together - trends, quality, and what they reveal about the business. Use when reviewing a company's financials or a 10-K/10-Q.

Prepare for and run a buyer consultation - needs analysis, budget/financing readiness, process expectations, and a search plan. Use when onboarding a new buyer client.

Build a Comparative Market Analysis - select comparable sales, adjust for differences, and produce a defensible price range with rationale. Use when pricing a listing or advising a buyer's offer.

Assemble the required seller/agent disclosures for a transaction and flag state-specific items. Use when listing a property or preparing to deliver disclosures.

Build a geographic-farm or sphere-of-influence prospecting plan - target area, cadence, content mix, and tracking - that's consistent and compliant. Use when planning lead generation or a farm.

Write compliant lead nurture sequences (email/text) for buyer and seller leads - value-first, properly spaced, opt-out compliant, and free of steering or profiling. Use when building follow-up campaigns or a single reply.

Write a compelling, MLS-ready, Fair-Housing-compliant, fact-checked listing description. Use when drafting or rewriting a property listing, MLS remarks, or marketing copy for a home.

Produce a neighborhood or market update - inventory, median price, days on market, absorption, trend - as a client-ready narrative with sourced stats. Use for farming newsletters, seller updates, or buyer briefings.

Develop a negotiation strategy for offers, counters, repair requests, and multiple-offer situations - leverage, priorities, and walk-away points. Use when negotiating a deal for a buyer or seller.

Design an A/B test - hypothesis, single variable, variants, sample size/duration, and the metric - and interpret results honestly. Use when optimizing a page, ad, email, or funnel step.

Write paid ad copy for Google, Meta, or LinkedIn - hooks, headlines, primary text, and CTAs - matched to platform specs and the offer. Use when creating ads for a campaign.

Write a campaign brief - objective, audience, message, channels, offer, budget, and success metrics. Use when planning any marketing campaign before producing assets.

Analyze competitors - positioning, messaging, offers, channels, and gaps - to sharpen your own strategy. Use when entering a market, repositioning, or planning a campaign.

Plan content marketing - pillars, topics, formats, and a distribution plan tied to the funnel. Use when building a content strategy or editorial calendar.

Write a multi-email sequence (welcome, nurture, launch, re-engagement) with goals, timing, and CTAs - CAN-SPAM compliant and deliverability-safe. Use when building a drip/nurture/launch flow.

Build an Ideal Customer Profile and buyer persona - who they are, their pains, goals, objections, and where they pay attention. Use before campaigns, copy, or targeting decisions.

Write and structure a high-converting landing page - hero, benefits, proof, objections, and CTA - with message-match and CRO best practices. Use when building or auditing a landing/sales page.