본문으로 건너뛰기
cccskills
무료GitHub에 공개

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.

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

설치 방법 보기

포함된 파일(1)

  • SKILL.md2.5 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Deploy Dev

Use this skill for a development @convex-dev/static-hosting upload in the current repo.

Source of truth:

  • Component repo: https://github.com/get-convex/static-hosting
  • Component docs: https://www.convex.dev/components/static-hosting

Portable Assumptions

  • The current repo is a Convex app that uses @convex-dev/static-hosting.
  • Prefer project scripts in package.json when present.
  • The common static hosting component name is staticHosting, but do not hard-code it if the repo defines another name.
  • Discover the component name from convex/convex.config.ts when needed by looking for app.use(staticHosting, { name: "..." }).
  • If no component name is configured, use staticHosting.

Required Rules

  • Use this only when the user explicitly asks for dev.
  • Do not update public metadata to the dev URL.
  • Do not run npm run build separately before static upload. Static-hosting's --build flag injects the correct VITE_CONVEX_URL.
  • Do not deploy production backend functions from this workflow.
  • Do not assume a specific Convex deployment URL. Read the URL from command output.

/deploydev Workflow

  1. Confirm the user asked for dev.

  2. Inspect available scripts:

    npm run
    
  3. Prefer the repo script when available:

    npm run deploy:static:dev
    
  4. If no script exists, discover the component name and run the static-hosting upload directly:

    npx @convex-dev/static-hosting upload --build -c staticHosting --dev
    

    Replace staticHosting with the configured component name if different.

  5. Confirm deploy output includes:

    Deploying to development environment
    Your app is now available at: <dev convex site URL>
    
  6. Report the dev URL exactly as printed and remind that it is not the public/canonical app.

Troubleshooting

  • If the upload cannot find static-hosting functions, run the app's dev Convex workflow first, usually:

    npx convex dev --once
    
  • If the shell cannot reach Convex because of sandboxed network restrictions, rerun the same command with the required network approval.

When To Update Project Docs

Update docs only if deploy behavior changes:

  • README.md
  • changelog.md
  • task.md
  • files.md

If the deploy behavior change is non-trivial, create a PRD in prds/.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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/agent-ready-component92026년 8월 28일 업데이트

Agent Ready project design context for navigation, docs links, and interface tone. Use when building or reviewing UI in this repo so patterns match the documented product feel.

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

waynesutton/agent-ready-component92026년 8월 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/agent-ready-component92026년 8월 28일 업데이트

arrange

무료

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.

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

waynesutton/agent-ready-component92026년 8월 28일 업데이트

audit

무료

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

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

waynesutton/agent-ready-component92026년 8월 28일 업데이트

bolder

무료

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.

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

waynesutton/agent-ready-component92026년 8월 28일 업데이트

waynesutton의 스킬 모두 보기

이 스킬의 문제 신고