본문으로 건너뛰기
cccskills

스킬 찾기

322건(waynesutton의 저장소) · 인기순

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/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일 업데이트

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일 업데이트

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일 업데이트

normalize

무료

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/teleprompter52026년 6월 28일 업데이트

onboard

무료

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/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일 업데이트

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일 업데이트

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/teleprompter52026년 6월 28일 업데이트

colorize

무료

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/teleprompter52026년 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/teleprompter52026년 6월 28일 업데이트

optimize

무료

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/teleprompter52026년 6월 28일 업데이트

typeset

무료

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/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일 업데이트

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일 업데이트

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/teleprompter52026년 6월 28일 업데이트

extract

무료

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/teleprompter52026년 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/teleprompter52026년 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/teleprompter52026년 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/teleprompter52026년 6월 28일 업데이트

Router for Convex static-hosting deploy requests. Prefer deploydev for /deploydev and deployprod for /deployprod.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

waynesutton/teleprompter52026년 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/teleprompter52026년 6월 28일 업데이트

animate

무료

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/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일 업데이트