textura-agency

textura-agency/next16-claude-starter

Agent Claude Code

Audits motion and animation against this starter's rules — spring usage, the narrow CSS-transition exception, text-engine traps, reduced-motion and robot-form behaviour (loops that hang), refresh-rate independence, and per-frame cost (blur per letter, layer promotion, per-frame style writes). Use when reviewing…

textura-agency/next16-claude-starter

Agent Claude Code

Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic markup, typed props. Use PROACTIVELY when several sections must be built from a design, one agent per section.

textura-agency/next16-claude-starter

Agent Claude Code

Runs a full SEO and AEO audit over the codebase and a live URL, producing ranked findings and applying the code fixes. Use for launch prep, a rankings problem, or a periodic health check.

textura-agency/next16-claude-starter

Agent Claude Code

Keeps the obsidian/ vault in sync with the code after a change — updates catalog notes, changelog and ADRs, fixes stale wikilinks, and reports drift. Use at the end of a turn that changed code, dependencies or architecture.

textura-agency/next16-claude-starter

Command Claude Code

Put a Payload admin on this site — every string editable, SEO per page, the site's look, analytics, an editor's guide.

textura-agency/next16-claude-starter

Command Claude Code

Set up or operate Supabase Postgres for this project.

textura-agency/next16-claude-starter

Command Claude Code

Protect rankings when rebuilding an existing live site.

textura-agency/next16-claude-starter

Command Claude Code

Build a new page or section following this starter's playbook.

textura-agency/next16-claude-starter

Command Claude Code

Verify the current work against the hard rules, the design, and the browsers it will meet.

textura-agency/next16-claude-starter

Command Claude Code

Build one section from a Figma node.

textura-agency/next16-claude-starter

Command Claude Code

Run an SEO and AEO audit (people and the robot form), then apply the fixes.

textura-agency/next16-claude-starter

Command Claude Code

Pre-launch gate — build, rules, SEO + robot form, measured load and scroll, real phones, a11y, secrets, deploy, retro.

textura-agency/next16-claude-starter

Skill Claude Code

Answer Engine Optimisation — make the site citable by ChatGPT, Claude, Perplexity, Gemini and AI Overviews. Covers answer-first content structure, llms.txt, AI crawler access, entity consistency, and auditing how the brand currently appears in AI answers. Use when the user mentions AEO, GEO, "AI search", "get cited by…

textura-agency/next16-claude-starter

Skill Claude Code

Turn a Figma frame or node into components in this starter — the MCP call order, recording node IDs so later passes can re-fetch, downloading and verifying assets, mapping design values onto the three-tier token system, and choosing spring primitives for whatever motion the design implies. Use when the user provides a…

textura-agency/next16-claude-starter

Skill Claude Code

Optimise a three.js or raw WebGL scene for phones, 120 Hz panels and low-end devices — device tiering, prewarm-everything-under-the-loader so nothing compiles mid-scroll, in-view-only render loops, DPR and particle/bloom budgets (never a fixed phone frame cap), the 60 fps desktop cap, OffscreenCanvas worker scenes…

textura-agency/next16-claude-starter

Skill Claude Code needs its repo

Put a Payload CMS admin on a site built from this starter — every visible string and content photo editable, derived from the site's own content objects with the code's copy as the fallback, a per-page SEO global that drives /JSON-LD/sitemap/llms.txt, Supabase Postgres + Storage, migrations only, static routes…

textura-agency/next16-claude-starter

Skill Claude Code

Verify built UI against this project's hard rules and against the design — runs the mechanical check script, then the judgement checks a script cannot make (visual fidelity vs Figma, token naming, motion choice, semantics, contrast through every frame of an entrance, responsive behaviour including live resizes, phone…

textura-agency/next16-claude-starter

Skill Claude Code

Generate and wire valid JSON-LD structured data for pages in this starter — Organization, WebSite, LocalBusiness, Article, Product, FAQPage, BreadcrumbList, Service — using the existing structured-data helper rather than inline script tags. Use when the user asks for "schema", "structured data", "JSON-LD", "rich…

textura-agency/next16-claude-starter

Skill Claude Code

Audit a page or the whole site for technical and on-page SEO — crawlability, metadata, heading outline, structured data, internal linking, Core Web Vitals, and the animation-specific crawlability risks this starter carries. Produces ranked findings and fixes them in code. Use when the user asks to "audit SEO", "check…

textura-agency/next16-claude-starter

Skill Claude Code needs its repo

Pre-launch gate for this starter — build, mechanical rule checks, SEO, metadata and brand-kit completeness, the robot form, measured load (Lighthouse people + robot) and scroll (PC + phone), real-phone behaviour, accessibility, env and secret hygiene, the deploy steps and a closing retro. Use when the user says "ready…

textura-agency/next16-claude-starter

Skill Claude Code

Protect search rankings when rebuilding or relaunching an existing site — pre-migration crawl and inventory, rankings snapshot, redirect map, and post-launch verification. Use when the user is rebuilding a live site, replacing an existing site, changing URL structure, or says "we're relaunching", "migrating from…

textura-agency/next16-claude-starter

Skill Claude Code

Wire Supabase Auth into this Next.js 16 app with @supabase/ssr — browser/server clients, the proxy.ts session refresh (Next 16 renamed middleware), getClaims vs getSession, protected routes and sign-in flows. Use when the user asks for login, accounts, a client portal, gated content, or "add auth". Not needed for a…

textura-agency/next16-claude-starter

Skill Claude Code

Provision and operate Supabase Postgres for this project — creating the project, picking the right connection string for each job, local CLI workflow, migrations, generated types, RLS policies, and storage buckets. Use when the user asks to "set up the database", "add Supabase", "write a migration", "add RLS"…

textura-agency/next16-claude-starter

Command Claude Code

Scroll the page in real Chrome on PC and phone, fix what the frames blame, prove it.