By Chykalophia
Peter's opinionated Next.js + Supabase patterns. House style on top of the framework, complements vercel:* skills, not a replacement.
Peter's Supabase auth flows for Next.js — sign-in, OAuth callback, password reset, multi-tenant gating. Use when wiring sign-up/sign-in, the OAuth callback route, password reset, or any redirect-if-unauthenticated logic.
Peter's pattern for typed env vars and graceful-degradation config in Next.js. Use when adding env vars, wiring an optional integration (Stripe, Resend, Sentry, OpenAI), editing keys.ts, or asking why a feature is silently off.
The lib/data/ rule. Components and hooks NEVER call fetch directly. Use when adding any client-side API call or wiring a form/mutation to the backend.
The Supabase-generated types file is the source of truth for schema. Use when touching any service, repository, query, insert, or update against the database, before adding/changing a column or table, or any time "is column X required?" comes up.
Peter's cross-cutting house rules for Next.js + Supabase projects. Use at the start of any task and before pushing any code. These are non-negotiable.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
Built by Chykalophia · maintained by @PiotrKrzyzek
[!NOTE] TL;DR — One repo, one marketplace (
cklph), four plugins that layer on each other: a dev-workflow spine, opinionated Next.js + Supabase patterns, a value-based consulting practice, and a business operating cadence. Install only what you need.
| Plugin | What it does | When you want it |
|---|---|---|
cklph-os | Dev-workflow spine — phase loop (refine → survey → spec → plan → build → review → verify → ship), three adversarial agents (cklph-implementer / cklph-reviewer / red-team), daily-rhythm primitives (triage · decide · daily-frame · weekly-review), self-improvement loop (learn), and quality-gate hooks. | Always. This is the core. |
cklph-nextjs | Opinionated Next.js + Supabase patterns layered on top of the official vercel:* skills — layered lib/ architecture, mutation security checklist, data-layer abstraction rules, 12 review pitfalls, full stack coverage. | If you work in Next.js + Supabase repos (e.g. MailPrism, SendBriefs, BeforeMerge). |
cklph-architect | Value-based consulting practice — discover · scope · propose · price · position · engagement-shape. Codifies the discipline in original prose; no Weiss / Stark / Enns IP republished. | If you consult and want options-not-estimates rather than single-quote vendor mode. |
cklph-eos | Business operating cadence — quarterly priorities, weekly sync, scorecard, issues resolution, people-fit, accountability mapping. Generic terms throughout; no branded EOS IP republished. | If you have (or are adding) a team and need operating rhythm. |
Add the marketplace once:
/plugin marketplace add Chykalophia/cklph-marketplace
Install only what you want:
/plugin install cklph-os@cklph # the dev spine — always
/plugin install cklph-nextjs@cklph # only if you work in Next.js + Supabase
/plugin install cklph-architect@cklph # only if you consult
/plugin install cklph-eos@cklph # only if you operate a team
Restart your CLI after install so the skills load.
[!TIP] Claude Desktop — add the marketplace under Settings → Plugins, point at this repo, then install. Skills, commands, and agents load there. Hooks are CLI-only.
start-here skillcklph-os ships a start-here skill that runs at the start of every task. It sets instruction priority, routes you to the right skill before you act, and applies context-discipline rules (trust tiers · A/B/C confusion stop-templates · marker hygiene). If you read one skill before using anything else, read this one.
cklph-os)Eight composable phases — run one standalone, or chain them with the orchestrator.
| Phase | Command | Does |
|---|---|---|
| refine | /cklph-os:refine | sharpen a vague idea (optional) |
| survey | /cklph-os:survey | gap-fill across users / devices / edges / cross-cutting concerns |
| spec | /cklph-os:spec | requirements + acceptance criteria |
| plan | /cklph-os:plan | decompose into a wave task-graph |
| build | /cklph-os:build | execute via sub-agent waves |
| review | /cklph-os:review | adversarial review (standard or red-team intensity) |
| verify | /cklph-os:verify | run checks + walk acceptance criteria |
| ship | /cklph-os:ship | open a PR |
[!TIP]
/cklph-os:flow <goal>runs the whole loop and asks your mode first: full-agentic · partial · interactive.
pre-commit-gate — TypeScript + ESLint + Semgrep on every git commit. Skips merge commits and bulk stages (>500 files). Lints SKILL.md descriptions for the YAML colon-space trap. Configurable warning budget via CKLPH_ESLINT_MAX_WARNINGS.nextjs-quality-check — App Router patterns and 'use client' discipline on Next.js file edits.security-check — advisory secret scanning on every edit (gitleaks + bandit if installed).npx claudepluginhub chykalophia/cklph-marketplace --plugin cklph-nextjsPeter's operating cadence as a Claude plugin. Quarterly priorities, weekly sync, scorecard, issues resolution, people-fit checks, accountability mapping. Codifies the discipline; no branded IP republished.
Drive WordPress from Claude Code via wp-cli over SSH — connection to managed hosts, posts/meta/options/media, and the hard-won hosting gotchas. Foundation for cklph-elementor and cklph-figma-to-wp.
Read designs from the Figma MCP — design context, screenshots, structure metadata, and design tokens. The design-source layer for any Figma-to-code work.
Read and write Elementor page/template data programmatically — the _elementor_data model, the CSS/responsive gotchas, theme-builder templates + conditions, and the global Kit. Builds on cklph-wp.
Baseline a live or staging site, re-check on demand or on a schedule, and surface only confirmed regressions (availability, SEO, tracking tag-firing, visual, journeys) with the evidence attached. On-demand, agent-interpreted; you own the data.
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Frontend design skill for UI/UX implementation
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns
Memory compression system for Claude Code - persist context across sessions
Marketing skills for AI agents — conversion optimization, copywriting, SEO, paid ads, ad creative, and growth
Standalone image generation plugin using Nano Banana MCP server. Generates and edits images, icons, diagrams, patterns, and visual assets via Gemini image models. No Gemini CLI dependency required.