dipro-vn
dipro-vn/dipro-ai-boost
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/dipro-vn/dipro-ai-boost --skill html-css-css-layoutコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
Use when a task that changed backend code is finishing, before reporting it done. Symptoms — a migration was added, a request or response shape changed, a new route exists, a cache key was added, something could not be verified, a problem was found and deliberately left alone.
Use when adding or changing a protected route, a guard, a role check, or any query that reads or writes records belonging to a user or tenant. Symptoms — a findById that takes only an id, a route with no guard, a role checked in the controller but not the query, an ID read straight from params, a new public endpoint, a service method reachable from more than one caller.
Use when choosing which exception to throw, shaping an error response, or deciding what to log. Symptoms — a caught error that returns 200, a try/catch that swallows the cause, a 500 where the client should see 400, an error message exposing a stack trace or SQL, a log line with no request context, the same failure logged at every layer.
SOC 職業分類に基づく
SKILL.md を表示中
| name | html-css-css-layout |
| description | null |
Category: html-css · Status: 🟢 Active
Khi dàn layout: chọn giữa Flexbox và Grid, căn chỉnh phần tử.
gap để tạo khoảng cách, không dùng margin thủ công giữa item.justify-content/align-items, tránh position: absolute để center.--space-4), tránh magic number.repeat(auto-fit, minmax()) cho lưới tự co.width cố định cho container; ưu tiên max-width + margin-inline: auto..toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-3);
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--space-4);
}
Good: gap cho spacing, auto-fit minmax cho lưới responsive, token cho khoảng cách.
Avoid: margin-right: 17px rải rác, center bằng position: absolute; top: 50%.
gap thay margin giữa itemmax-width thay width cứng