Build reactive, type-safe, production-grade backends. ALWAYS use this skill when the user asks to build, plan, design, or implement backend features, APIs, data models, server logic, database schemas, web apps, full stack apps, or mobile apps. This includes planning and architecture discussions.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
Audits and realigns UI to match design system standards, spacing, tokens, and patterns. Use when the user mentions consistency, design drift, mismatched styles, tokens, or wants to bring a feature back in line with the system.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
Convex UI component patterns from the live Storybook preview. Use when building React components, forms, modals, navigation, feedback states, or app layouts that should match the current Convex design system. Applies to both shared primitives and dashboard style product UI.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive. Use when the user mentions the design looking gray, dull, lacking warmth, needing more color, or wanting a more vibrant or expressive palette.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Combine React's official "You Might Not Need an Effect" guidance with this project's stricter no direct useEffect stance. Use when writing, reviewing, or refactoring React components that might reach for useEffect, derived state, event relays, reset logic, subscriptions, or client fetching.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Improves typography by fixing font choices, hierarchy, sizing, weight, and readability so text feels intentional. Use when the user mentions fonts, type, readability, text hierarchy, sizing looks off, or wants more polished, intentional typography.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics. Use when the user asks to build web components, pages, artifacts, posters, or applications, or when any design skill requires project context.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use when the user asks to create components, refactor repeated UI patterns, build a design system, or extract tokens.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Use when the user says /deployprod, deploy prod, deploy production, upload production static hosting, or asks to deploy the current app to its production Convex static-hosting target.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Sets up Convex auth, identity mapping, and access control. Use for login, auth providers, users tables, protected functions, or roles in a Convex app.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Plans Convex schema and data migrations with widen-migrate-narrow and @convex-dev/migrations. Use for breaking schema changes, backfills, table reshaping, or zero-downtime rollouts.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
Router for Convex static-hosting deploy requests. Prefer deploydev for /deploydev and deployprod for /deployprod.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트
Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
waynesutton/teleprompter☆ 52026년 6월 28일 업데이트
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/teleprompter☆ 52026년 6월 28일 업데이트