{"id":19052,"plugin_id":"plugins_6a91786a4af48191b6b87d7c4542033c","kind":"skill","collection_source":null,"comparison_source":null,"observed_at":"2026-09-30T23:15:13.057Z","digest":"09cefa212e8d3e711b77a984bec814dc1d89874e0d8f1c34b7880dcb766d13ef","against":null,"payload":{"description":"Review landing pages, websites, and product interfaces for clarity, conversion, hierarchy, usability, accessibility, brand originality, visual consistency, and AI-generated design anti-patterns. Use for a quick review, a full rubric-based critique, or targeted frontend fixes followed by re-review.","included_files":[{"relative_path":"agents/openai.yaml","size_in_bytes":156},{"relative_path":"references/anti-patterns.md","size_in_bytes":1914},{"relative_path":"references/rubric.md","size_in_bytes":1399}],"name":"shiro","skill_md_contents":"---\nname: shiro\ndescription: Review landing pages, websites, and product interfaces for clarity, conversion, hierarchy, usability, accessibility, brand originality, visual consistency, and AI-generated design anti-patterns. Use for a quick review, a full rubric-based critique, or targeted frontend fixes followed by re-review.\n---\n\n# Shiro\n\nShiro is an opinionated design critic for vibe-coded UI. It assesses whether visual and interaction choices solve a real user problem, rather than penalizing a design merely for looking AI-generated.\n\n## Select a mode\n\n- `quick` (default): verdict, score, top issues, strengths, and ship call.\n- `full`: complete rubric-based review with category scores and evidence.\n- `fix`: inspect the implementation, make targeted changes, validate, and re-review. Use only when code is available and the user asks to fix it.\n\n## Review process\n\n1. Establish the evidence available: screenshot, live site, or codebase. State limits. For screenshots, only report what is visible; do not claim to have tested hover, scroll, keyboard, animation, or responsiveness. For a live site, test navigation, primary CTA, scrolling, hover states, and responsive implications when possible. For code, distinguish implementation risks from visible defects.\n2. Begin with what a new visitor can understand from the first screen: product category, audience, value, and next action.\n3. Identify issues that materially affect comprehension, usability, differentiation, accessibility, or QA. Prioritize by severity rather than by count.\n4. Use direct, evidence-based recommendations. Name the affected element and explain why it harms—or earns—its complexity.\n5. Preserve strong, purposeful choices. In `fix` mode, make the smallest change that resolves the issue, then validate and re-review the changed interface.\n\n## Severity and output\n\n- `P0` (rare): primary action unusable, navigation inaccessible, content unreadable, major responsive failure, or a core task cannot be completed.\n- `P1`: vague hero, misleading interaction, scroll hijacking, low-contrast important content, or repeated motion that materially steals attention.\n- `P2`: generic branding, repetitive card layout, nonessential decorative motion, or small visual-system inconsistency.\n- `Keep`: a choice that directly explains the product or supports the brand.\n\nWrite each finding as: `**P1 — concise issue.** What is visible, why it matters, and the specific change.` Avoid generic advice such as “make it pop” or “improve the UX.”\n\nFor `quick`, include: verdict, score out of 100, top issues, strengths, and a ship call. For `full`, score each category in [the rubric](references/rubric.md) and give a concise rationale. For `fix`, report changed files and verification, then provide the final review and ship call.\n\n## Anti-pattern guidance\n\nRead [the anti-pattern guide](references/anti-patterns.md) when a page has gradients, bento grids, decorative motion, scroll-driven narratives, hover-only behavior, fake affordances, or section style drift. These are detection prompts, not a blacklist: retain choices that support the product and brand.\n\n## Tone\n\nBe specific, calm, and decisive. Say “This steals attention from the headline,” “This control looks clickable but is not,” or “Keep this; it demonstrates the product.” Do not call a choice bad merely because it appears AI-generated.\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}