WebSmartTeam
@WebSmartTeam Organization
Public Skills
web-frontend
by WebSmartTeam
Apply frontend development standards for React/Next.js/Tailwind projects. Covers colour extraction from logos, avoiding AI-slop aesthetics, performance targets (LCP <2.5s), and modern CSS patterns. Triggers: component, responsive, accessibility, styling, UI, colours, Tailwind, layout, hover states, buttons, frontend.
ultraplan
by WebSmartTeam
Deep architectural planning with --ultrathink (32K tokens) followed by phased creation with fresh context. Two-stage workflow - UltraPlan creates comprehensive PHASES.md, then Create builds each phase with pristine 200K context. Use for any complex build requiring multiple phases. Use phase-checkpoint skill between phases for human verification. Delegates to architect/frontend/backend agents during execution. Triggers: ultraplan, plan and create, plan phases, deep plan, strategic plan, architect plan.
skill-building
by WebSmartTeam
Create effective Claude Code skills and agents. Covers official frontmatter spec, global vs project scope, and the formula - references activate dormant knowledge, pet hates stop bad defaults, post-training fills gaps. Triggers: create skill, build skill, write skill, make agent, skill template, how to write skills.
project-discovery
by WebSmartTeam
Guide through requirements gathering before coding. Creates PROJECT.md with vision, features, tech stack decisions, and success criteria. Asks the key question - does this need a database? Triggers: new project, start project, what are we building, project discovery, requirements gathering, before we start, plan project.
phase-checkpoint
by WebSmartTeam
Pause for human verification between major build phases. Use BETWEEN ultraplan phases - after completing one phase, before starting the next. Presents summary of completed work and checklist. Works with ultraplan skill for phased builds. Triggers: checkpoint, verify phase, phase complete, ready to proceed, quality gate, before next phase, review what we built.
non-stop
by WebSmartTeam
Work autonomously until task is complete with self-correction loop. No questions asked - makes decisions based on evidence (console errors, screenshots, test results). Use when you want continuous uninterrupted work. Can be combined with ultraplan phases - "Create Phase 2 in non-stop mode". Triggers: non-stop, don't stop, work until done, autonomous mode, keep going, work autonomously, no questions.
building-cloudflare-mcp
by WebSmartTeam
Create MCP servers on Cloudflare Workers using the MCP Connector pattern. Use when user mentions "cloudflare mcp", "worker mcp", "mcp connector", or wants to deploy MCP tools on Cloudflare.
stripe-shop-integration
by WebSmartTeam
Comprehensive Stripe e-commerce integration for React shops (Vite OR Next.js). Use when building online shops, payment systems, checkout flows, or integrating Stripe payments. Covers client-side setup, server-side APIs, webhooks, cart systems, and UK GBP configuration.
supabase-vercel-shop
by WebSmartTeam
Build a complete Supabase + Vercel e-commerce platform with CMS and admin panel. Use for shop setup, online store creation, stripe integration, product catalog, admin dashboard, or CMS projects. Includes database schema, RBAC authentication, content management, checkout flow, and zero-hardcoding architecture with mandatory testing.
new-and-imported-projects
by WebSmartTeam
Initialise new or imported projects. New projects get a private git repo created in the website/app subfolder. Imported projects are cloned into that subfolder. Project root contains Claude config (CLAUDE.md, STYLE_GUIDE.md) - git repo lives in subfolder only. Triggers: new project, import project, clone project, take over project, setup project, initialise project.
contact-form-builder-ses
by WebSmartTeam
Build AWS SES email features with reCAPTCHA v3, Zod validation, XSS sanitisation, and rate limiting. Uses placeholders until env vars added to Vercel. Dual emails (owner + customer confirmation). Triggers: contact form, email form, enquiry form, ses email, newsletter signup, booking form, callback request.
feature-dev
by WebSmartTeam
Implement new features in existing projects using 7-phase workflow (Discovery → Explore → Clarify → Design → Implement → Review → Summary). Use when adding functionality, building new components, creating API endpoints, or extending existing systems. Triggers: new feature, implement, add functionality, build feature, extend, create endpoint, add component.
nextjs-404-troubleshooting
by WebSmartTeam
Fix Next.js 404 errors from async params, localStorage SSR issues, and domain config mismatches. Covers Next.js 15/16 breaking changes where params became Promise-based. Triggers: 404 error, page not found, pages not generating, all 404s, localStorage SSR, async params, generateStaticParams not working.
seo-skill
by WebSmartTeam
Apply technical SEO including meta tags, Schema.org structured data (BreadcrumbList, FAQPage, LocalBusiness), sitemap, robots.txt, and Core Web Vitals. Only modifies hidden/technical elements - produces reports for visible content changes. Triggers: SEO, meta tags, structured data, schema, sitemap, search optimisation, Google ranking, rich snippets.
site-harvest
by WebSmartTeam
Extract complete website content, design system, and assets for rebuilding or migration. Uses Firecrawl for content/CSS extraction, Chrome for visual comparison. Generates theme skill file for rebuild. Triggers: harvest site, scrape website, extract design, clone website, migrate site, copy website design, grab design tokens.
vercel-deployment
by WebSmartTeam
Deploy UK projects to Vercel using git-based workflow (never CLI deploy). Always London region (lhr1), dynamic version checking via Context7. Includes security headers and pre-deployment checklist. Triggers: deploy, vercel, publish, go live, push to production, hosting, deploy to vercel, vercel deployment.
supabase-auth-config
by WebSmartTeam
Configure Supabase authentication with single callback URL pattern. Covers redirect URLs, auth flow types (recovery, signup, email_change), and the type parameter routing pattern. Triggers: supabase auth, auth callback, redirect URL, password reset not working, auth configuration, login redirect, signup flow.
supabase-mcp-setup
by WebSmartTeam
Configure Supabase MCP server for a specific project using local .mcp.json (NOT global). Each project needs its own config to prevent wrong-database queries. Triggers: setup supabase mcp, install supabase mcp, configure supabase mcp, connect supabase, supabase database access, mcp not loading supabase.
programmatic-claude
by WebSmartTeam
Run Claude Code programmatically via CLI (-p flag), Python SDK, or TypeScript SDK. For automation, CI/CD, session chaining, headless execution, and orchestrating multiple Claude instances. Triggers: programmatic, headless, CLI automation, session chaining, -p flag, Python SDK, orchestrate Claude, CI/CD Claude, run Claude automatically.