๋ณธ๋ฌธ์œผ๋กœ ๊ฑด๋„ˆ๋›ฐ๊ธฐ
cccskills

Wayne Sutton

@waynesutton

Startup Programs at Convex + Head of Community & Events at @convex / Connecting developers & startups to build faster with Convex. / ๐Ÿ Adv Rider /

์Šคํ‚ฌ 322๊ฐœ์ €์žฅ์†Œ 5๊ฐœ 424

์Šคํ‚ฌ(322)

๊ฒ€์ƒ‰์—์„œ ์ขํžˆ๊ธฐ

migration-helper

๋ฌด๋ฃŒ

Plan and execute Convex schema migrations safely, including adding fields, creating tables, and data transformations. Use when schema changes affect existing data.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/agent-ready-component92026๋…„ 8์›” 28์ผ ์—…๋ฐ์ดํŠธ

workos-convex-debug

๋ฌด๋ฃŒ

Debug and troubleshoot WorkOS AuthKit authentication issues with Convex. Use when authentication fails, JWT validation errors occur, user identity returns null, email claims are missing, admin access checks fail, or sign in button does not work. Supports Netlify deployment.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

Use when deploying this teleprompt app with get-convex/static-hosting, especially when the user says /deploydev, /deployprod, deploy dev, deploy prod, deploy production, upload static hosting, or asks which Convex static-hosting command to run. Keeps dev uploads on fearless-dolphin-422 and production uploads on befitting-dodo-95.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

workos-convex-auth

๋ฌด๋ฃŒ

Set up and configure WorkOS AuthKit authentication with Convex backend. Use when integrating AuthKit, configuring JWT providers, setting up environment variables, or implementing sign in and sign out flows with React and Vite. Supports Netlify deployment.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

write

๋ฌด๋ฃŒ

Writing style guide for technical content, social media, blog posts, READMEs, git commits, and developer documentation. Optimized to avoid AI detection patterns. Use when writing any content beyond code.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

polish

๋ฌด๋ฃŒ

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.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

localstop

๋ฌด๋ฃŒ

Use when the user says /localstop, localstop, stop localhost for this app, /localstopall, localstopall, or asks to stop local development servers for this Teleprompt app.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

convex-scale-optimization

๋ฌด๋ฃŒ

Patterns for scaling read-heavy Convex apps to millions of users. Use when optimizing bandwidth, reducing query costs, fixing slow queries, creating digest tables, replacing reactive subscriptions with one-shot fetches, adding compound indexes, debouncing writes, rate-controlling backfills, or running npx convex insights. Trigger when users mention "scale", "bandwidth", "performance", "optimize", "slow queries", "expensive queries", "digest table", "denormalize", or "thundering herd" in the context of Convex.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

function-creator

๋ฌด๋ฃŒ

Create Convex queries, mutations, and actions with proper validation, authentication, and error handling. Use when implementing new API endpoints.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

harden

๋ฌด๋ฃŒ

Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use when the user asks to harden, make production-ready, handle edge cases, add error states, or fix overflow and i18n issues.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

teach-impeccable

๋ฌด๋ฃŒ

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

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, or cross-device compatibility.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

sync-agent-skills

๋ฌด๋ฃŒ

Use when the user says /syncskills, sync agent skills, update .agents skills from .codex, .cursor, or .claude, or asks to make .agents/skills include skills from other agent folders.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

sec-check

๋ฌด๋ฃŒ

Security review checklist for Convex functions, auth logic, public queries, admin routes, webhooks, uploads, and AI-generated code. Use when reviewing code that touches user data, PII, or access control.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

dev

๋ฌด๋ฃŒ

Full-stack Convex development guidelines covering React, Vite, TypeScript, mutations, auth, design system, and documentation practices. Use when building features, writing Convex functions, or making code changes in this project.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

schema-builder

๋ฌด๋ฃŒ

Design and generate Convex database schemas with proper validation, indexes, and relationships. Use when creating schema.ts or modifying table definitions.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

quieter

๋ฌด๋ฃŒ

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.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

convex-quickstart

๋ฌด๋ฃŒ

Creates or adds Convex to an app. Use for new Convex projects, npm create convex@latest, frontend setup, env vars, or the first npx convex dev run.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

overdrive

๋ฌด๋ฃŒ

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 extraordinary.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

help

๋ฌด๋ฃŒ

Reflection-first problem solving methodology for Convex development. Use before implementing any solution to ensure proper root cause analysis, 98% code confidence, and minimal change scope.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

gitrules

๋ฌด๋ฃŒ

Critical Git safety rules to prevent destructive operations. Use whenever performing git operations, reverting changes, or managing commits. Prevents accidental loss of work.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

distill

๋ฌด๋ฃŒ

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.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

deploydev

๋ฌด๋ฃŒ

Use when the user says /deploydev, deploy dev, upload dev static hosting, or asks to deploy the current app to its development Convex static-hosting target.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

delight

๋ฌด๋ฃŒ

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 make an interface feel fun or memorable.

ํ•œ๊ตญ์–ด ์š”์•ฝ์€ ์ค€๋น„ ์ค‘์ž…๋‹ˆ๋‹ค. ์›๋ฌธ ์„ค๋ช…์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

waynesutton/teleprompter52026๋…„ 6์›” 28์ผ ์—…๋ฐ์ดํŠธ

๋ณธ์ธ ๊ณ„์ •์ธ๊ฐ€์š”? GitHub๋ฅผ ์—ฐ๋™ํ•˜๋ฉด ํฌ๋ฆฌ์—์ดํ„ฐ ํŽ˜์ด์ง€์— ๋ชจ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค (์ผ๋ณธ์–ด)