菜单
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 职业分类
Agent 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.
| 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 featureAll code snippets and example files referenced or produced by this skill must be UTF-8 encoded. When applicable, include encoding: "UTF-8" in SKILL.md front-matter and ensure saved files use UTF-8 (no BOM).