メニュー
Preview expected output, UX flows, copy, interaction design, or generated content before implementing. Use when the user wants to see what something will look like. Triggers: preview, mockup, show me, xem trước, thử xem, mô phỏng.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | preview |
| description | Preview expected output, UX flows, copy, interaction design, or generated content before implementing. Use when the user wants to see what something will look like. Triggers: preview, mockup, show me, xem trước, thử xem, mô phỏng. |
| encoding | UTF-8 |
| agents | ["frontend-specialist","documentation-writer"] |
| related-skills | ["create","ui-ux-pro-max","plan"] |
START: Read .ai-memory.md from project root. Check UI patterns, design decisions, existing previews, brand guidelines, and user flow notes.
END: Update .ai-memory.md using Memory Compaction Rules with: what was previewed, assumptions, feedback, and confirmed decisions.
Show the user what the result will look or feel like before full implementation.
.kiro/skills/agents/agents/frontend-specialist.md and apply its knowledge.kiro/skills/agents/agents/documentation-writer.md and apply its knowledge.kiro/skills/agents/agents/backend-specialist.md and apply its knowledgeBefore previewing, verify:
.ai-memory.md for project context and design history..ai-memory.md.Artifact type identified
Preview is realistic and faithful
Assumptions clearly labeled
Mock data marked as illustrative
Implementation differences noted
Memory file updated
Clean code chuẩn (Standard clean code applied)
Cập nhật đầy đủ tất cả các file liên quan (All related files fully updated)
After completing, read .kiro/skills/_scripts/checklist.md for cross-cutting quality checks.
/create → read .kiro/skills/create/SKILL.md — Implement the previewed design/ui-ux-pro-max → read .kiro/skills/ui-ux-pro-max/SKILL.md — Advanced UI/UX design/plan → read .kiro/skills/plan/SKILL.md — Plan implementation of previewed featureAgent routing system — automatically selects the best specialist agent based on user request domain. Handles keyword matching, Vietnamese and English triggers, compound-keyword routing, vague-request fallback, and multi-agent coordination. This skill is always loaded silently.
Ideation, option generation, and feature exploration. Use when the user wants to brainstorm ideas, explore options, compare approaches, or generate creative solutions. Triggers: brainstorm, ideate, options, ý tưởng, so sánh phương án.
Clean up junk files, temporary files, AI-generated artifacts, and caches. Use when the user wants to remove unused files, reduce repo clutter, or update .gitignore. Triggers: clean, remove junk, dọn dẹp, xoá file rác, cache.
Build new features, files, components, endpoints, pages, or scripts. Use when the user wants to create something new in the codebase. Triggers: create, build, add, new, scaffold, tạo, thêm mới, tạo trang, tạo API.
Root-cause analysis for bugs, failing commands, broken behavior, and error logs. Use when the user encounters errors, crashes, or unexpected behavior. Triggers: debug, fix, bug, error, crash, lỗi, sửa lỗi, hỏng, fail.
Deployment steps, release preparation, environment setup, CI/CD guidance, and production rollout. Use when the user wants to deploy, release, or set up infrastructure. Triggers: deploy, release, CI/CD, docker, production, triển khai, phát hành, đưa lên production.