agentleFS
VoTruongDanhVoTruongDanh/Skills-Agent/.cursor/rules/preview.mdc

Skills-Agent / rules

Cursor rule4 starsChanged 33 days agoMITView on GitHub

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.

We split this preview.mdc into the rules it gives an agent

11 rules. About 0 are common, 4 are distinctive, and 7 are very specific to this project.

  • ≈0

    Common · estimate

    Many files like this have a rule of this kind.

  • ≈4

    Distinctive · estimate

    This author's own choices. Worth a look.

  • 7

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Very specific:

    START: Read .ai-memory.md from project root.

    line 10
  2. Very specific:

    END: Update .ai-memory.md using Memory Compaction Rules with: what was previewed, assumptions, feedback, and confirmed decisions.

    line 11
  3. Very specific:

    If previewing UI/UX → read .kiro/skills/agents/agents/frontend-specialist.md and apply its knowledge

    line 17
  4. Very specific:

    If previewing documentation → read .kiro/skills/agents/agents/documentation-writer.md and apply its knowledge

    line 18
  5. Very specific:

    If previewing API response → read .kiro/skills/agents/agents/backend-specialist.md and apply its knowledge

    line 19
  6. Distinctive:

    If any answer is unclear, ASK before proceeding.

    line 26
  7. Distinctive:

    Keep previews realistic and consistent with the current project.

    line 48
  8. Distinctive:

    Avoid implying broad code changes.

    line 50
  9. Distinctive:

    Always read and update the memory file.

    line 51
  10. Very specific:

    After completing, read .kiro/skills/_scripts/checklist.md for cross-cutting quality checks.

    line 54
  11. Very specific:

    All code snippets and example files referenced or produced by this skill must be UTF-8 encoded.

    line 62

≈ “Common” is an estimate: at least 1 in 5 of the 6,350 Cursor rule files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
preview.mdc
---
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]
globs: ""
alwaysApply: false
---

## Memory Protocol
**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.

## Goal
Show the user what the result will look or feel like before full implementation.

## Agent Routing
- If previewing UI/UX → read `.kiro/skills/agents/agents/frontend-specialist.md` and apply its knowledge
- If previewing documentation → read `.kiro/skills/agents/agents/documentation-writer.md` and apply its knowledge
- If previewing API response → read `.kiro/skills/agents/agents/backend-specialist.md` and apply its knowledge

## Socratic Gate
Before previewing, verify:
1. What artifact is being previewed? (UI, API output, document, flow?)
2. What level of fidelity is expected? (wireframe, mockup, full sample?)
3. Any specific requirements or constraints?
If any answer is unclear, ASK before proceeding.

## Workflow
1. **Read Memory** — Load `.ai-memory.md` for project context and design history.
2. Infer the artifact being previewed: UI, API output, document, message, workflow, or report.
3. Produce a faithful mock, sample output, walkthrough, or structured preview.
4. Highlight assumptions behind the preview.
5. Identify what could change during implementation.
6. **Update Memory** — Save preview details and decisions to `.ai-memory.md`.

## Checklist
- [ ] 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)

## Rules
- Keep previews realistic and consistent with the current project.
- Label illustrative content clearly when it is mock data.
- Avoid implying broad code changes; if the preview would require major refactor, CALL IT OUT and ASK before implementation.
- Always read and update the memory file.

## Quality Gate
After completing, read `.kiro/skills/_scripts/checklist.md` for cross-cutting quality checks.

## Related Skills
- `/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 feature

## Encoding
All 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).

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.