本文へ移動
cccskills
無料GitHub で公開

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.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md4.3 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Core Development Guidelines Skill

Deep reflection and problem-solving methodology for full-stack Convex development.

1. Reflect deeply before acting

Before implementing any solution, follow this process:

  1. Reflect: Carefully consider why the current implementation may not be working
  2. Identify: What's missing, incomplete, or incorrect based on the request
  3. Theorize: Different possible sources of the problem or areas requiring updates
  4. Distill: Narrow down to 1-2 most probable root causes or solutions
  5. Proceed: Only move forward after clear understanding

Never assume. If anything is unclear, ask questions and clarify.

2. Convex implementation guidelines

Core principles

Direct mutation pattern:

  • Use direct mutation calls with plain objects
  • Create dedicated mutation functions that map form fields to database fields
  • Form field names should exactly match database field names when applicable

Best practices:

  • Patch directly without reading first
  • Use indexed queries for ownership checks (not ctx.db.get())
  • Make mutations idempotent with early returns
  • Use timestamp-based ordering for new items
  • Use Promise.all() for parallel independent operations to avoid write conflicts

Essential documentation

Functions:

Core concepts:

Authentication:

3. Change scope and restrictions

What to update

  • Update Convex schema if needed
  • Only update files directly necessary to fix the original request
  • When tasks touch changelog.md, changelog page, or files.md:
    • Run git log --date=short to check commit history
    • Set release dates to match real commit timeline
    • No placeholders or future months

What NOT to change

  • Do not change UI, layout, design, or color styles unless specifically instructed
  • Preserve all admin dashboard sections and frontend components unless explicitly told to update
  • Never remove sections, features, or components unless directly requested

4. UI/UX guidelines

Design system compliance

For pop-ups, alerts, modals, warnings, notifications, and confirmations:

  • Always follow the site's existing design system
  • Never use browser default pop-ups
  • Use site design system components only

Follow Vercel guidelines

https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/refs/heads/main/AGENTS.md

5. Documentation policy

IMPORTANT: Do NOT create documentation files unless explicitly instructed.

Banned unless requested:

  • README.md
  • CONTRIBUTING.md
  • SUMMARY.md
  • USAGE_GUIDELINES.md

You may include a brief summary in responses, but don't create separate documentation files.

Formatting rules:

  • Never use emojis in readme or app unless instructed

6. Code confidence requirement

98% confidence rule:

Don't write any code until you're very confident (98% or more) in what needs to be done.

If unclear, ask for more information.

Quick reference checklist

Before writing code:

  • Have I reflected on the root cause?
  • Do I understand what's actually broken?
  • Am I 98% confident in the solution?
  • Am I only changing files that need to change?
  • Am I preserving existing UI/features not mentioned?
  • Am I using the site's design system (not browser defaults)?
  • Am I following Convex mutation best practices?
  • Have I checked the relevant docs?

When uncertain:

  • Ask clarifying questions
  • Don't assume
  • Reference documentation
  • Narrow down to 1-2 most likely solutions

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

get-convex/components-submissions-directory92026年10月9日 更新

get-convex のスキルをすべて見る

このスキルの問題を報告する