メニュー
Scaffold a new UI feature or component for the card deck app following house conventions. Use when the user asks to add a UI element, widget, control, or visual feature to the app.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
Add or replace a habit card in the Claude Habits deck. Use when the user wants a new habit, card, or tip added to the app, or wants an existing one reworded or replaced.
Commit and open pull requests following team conventions. Use when the user asks to commit, push, or open a PR.
Review a diff against the team's checklist. Use when the user asks for a code review, diff review, or pre-merge check.
Write tests the house way for this repo. Use when the user asks for tests, coverage, or verification of app logic or the habits data.
SOC 職業分類に基づく
| name | new-component |
| description | Scaffold a new UI feature or component for the card deck app following house conventions. Use when the user asks to add a UI element, widget, control, or visual feature to the app. |
This app is vanilla JS — a "component" is a render function + a CSS block + an event listener. No files are added; the three existing files each grow a small, clearly-marked section.
xxxHTML() function in app.js, all dynamic strings through esc()styles.css (/* ── component name ── */), colors only via tokens (var(--…))let/Set + localStorage if it must persistprefers-reduced-motionapp/CLAUDE.md and skim app.js — reuse render()/updatePos() patterns.python3 -m http.server -d app 8000, check mobile width and keyboard.node --test.