본문으로 건너뛰기
cccskills
무료GitHub에 공개

no-emojis-in-ui

Emoji and Unicode-glyph removal for Lucide-only UI (Pattern Patrol P6). Use when running a P6 patrol, a UI edit meets an emoji or icon glyph in TSX, or asked to enforce Lucide-only icons.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

실행 점수 미검증

설치 방법 보기

포함된 파일(2)

  • SKILL.md4.9 KB
  • agents/openai.yaml209 B

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

no-emojis-in-ui

Enforce one rule: user-visible UI uses Lucide icons, never emoji or Unicode icon glyphs. Follow the Pattern Patrol constitution and keep each mutation batch to 15 files or fewer.

Scope: our own interface chrome only. Emoji a person chooses for their own content (page and callout icons, text they type, imported emoji) are allowed — Arman 2026-10-08. Never remove or flag those, including role="img" emoji spans in features/spaces.

Detect

Run the registry detector over .tsx files:

rg -n -P '[\x{1F000}-\x{1FAFF}\x{2600}-\x{26FF}\x{2700}-\x{27BF}\x{2205}]' --glob '*.tsx'

Inspect every match in rendering context. Classify it as:

  • Finding: JSX text, a rendered string, a chip/title/button label, seed or sample data rendered by the app, product-authored text copied/exported for the user, or an icon value that reaches the UI.
  • False positive: non-rendered comment/documentation, console-only diagnostic text, a parser constant accepting glyphs as input, or an internal sentinel value that never reaches rendered or exported content.
  • Unresolved: reachability or rendering cannot be proven. Report it; never silently clear it.

Rendered demos, admin tools, debug panels, and sample apps are UI findings. User-authored or external content is not ours to rewrite; report the rendering path only if the product itself injects the glyph.

Route approval; never stop at the scan

Every verified finding takes exactly one route:

  1. Auto-approved: it passes every gate below; fix it immediately.
  2. Manual approval: the problem is certain and the repair is known, but an auto-approval gate fails; propose the exact repair to Arman.
  3. Unresolved: certainty or a safe repair is missing; keep it open with the missing evidence.

An empty auto-approved set is not completion. Tier R forbids unapproved mutation; it still requires a plain-English approval proposal for every certain, safe, worthwhile repair.

Auto-approval gates

Auto-approve only when all are true:

  • The glyph is authored by us and visibly functions as UI iconography.
  • One exact Lucide icon preserves its meaning, or an adjacent Lucide icon already communicates the same meaning and the glyph is redundant.
  • Copy, handler behavior, state, semantic colors, DOM interaction, ARIA text, desktop/mobile layout, and light/dark behavior stay unchanged.
  • The repair adds no wrapper/card/chrome, changes no chunk boundary, widens no type, adds no suppression, and touches no generated file.
  • The result remains clear without relying on icon shape alone.

Anything ambiguous routes to manual approval. Never auto-approve edits to user content, parser behavior, terminal protocols, branded art, complex ASCII or Unicode diagrams, or copy whose meaning changes when the glyph disappears.

Approved transformations

Choose the semantic Lucide icon already used by the component when available. Otherwise import it directly from lucide-react.

UI meaningNormal repair
success / completeCheck or CheckCircle2
warningTriangleAlert
private / lockedLock
publicGlobe2
keyword / keyKeyRound
documentFileText
removed / truncatedScissors
new gameGamepad2
reset / refreshRotateCcw
celebrationPartyPopper
purely decorative glyphdelete it; preserve the text

This is a semantic map, not a blind replacement table. Preserve icon size, alignment, and shrink-0 where wrapping text needs it. Mark decorative icons aria-hidden="true"; an icon-only control keeps a real accessible label. Delete a glyph instead of adding a second icon when a sibling Lucide icon already conveys the same state. Never replace an emoji with a Lucide icon banned by matrx/no-banned-lucide-icons; delete redundant decoration or route the choice to manual approval.

Verify and certify

For each batch:

  1. Re-run the detector on every touched file and confirm only documented false positives remain.
  2. Run pnpm type-check, git diff --check, and the relevant repo gates.
  3. Inspect changed surfaces at desktop and mobile widths in light and dark themes. Exercise every changed control.
  4. Spawn a second adversarial agent with: "assume this broke something; find it." It reruns the gates, audits false-positive classes, and returns CERTIFIED or REJECTED.
  5. Fix or fully revert a rejected batch. Commit a certified batch by path and push to main; the release train ships it. Never run ./scripts/release.sh unless Arman asked you to.

Update .matrx/PATROL_SIGHTINGS.md and .matrx/patrol-reports/no-emojis-in-ui.md with the findings, fixes, approval route, and certifier verdict.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

Admin debug system wiring for the floating AdminIndicator's live debug data and Copy Full Context. Use when adding debug visibility to a route or feature, wiring useDebugContext or the debug panel, capturing console errors, or enabling the copy-context workflow for a page.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

Compact two-icon Copy / Copy-for-AI controls (components/agent-copy). Use when adding copy buttons to a row, card, list, or record; merging duplicate Copy/JSON/AI controls; continuing the copy rollout; or writing a Copy-for-AI payload. NOT for markdown content actions (use rich-document-actions).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

Disclosing a surface's existing fixed AI jobs in the shell's top Agents menu. Use when a page, panel, overlay, or window already runs a mandate behind a button, assist, automatic action, or mode; when the agent-disclosure guard names a file; or during a surface check.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

The method for getting a cheaper model to match an agent's big-model answers by fixing instructions, inputs and setup. Use when asked to move an agent to a smaller or cheaper model, prove one model beats another, or compare models on an agent's test cases.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

The watch-fix-rerun method for making an existing platform agent or automated process efficient and correct: baseline its ledger, run one unit yourself, fix the class behind every wasted call, rerun, record. Use when asked to improve, optimize, watch, or 'make efficient' an agent, a sandbox session, a sync job, or any recurring automated process.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

Redux state for agent execution and firing agent shortcuts. Use when editing features/agents/redux/, building agent UI, creating a conversation, touching assembleRequest or NDJSON stream state, wiring agent-state selectors, adding a per-conversation capability, or triggering a shortcut from a button, menu, or code (useShortcutTrigger, launchAgentExecution).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

armanisadeghi/ai-matrx42026년 10월 23일 업데이트

armanisadeghi의 스킬 모두 보기

이 스킬의 문제 신고