PR

prism-state-contract

Ensures consistent state management and high-signal reporting for visual auditing workflows.

Install

mkdir -p .claude/skills/prism-state-contract && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15320" && unzip -o skill.zip -d .claude/skills/prism-state-contract && rm skill.zip

Installs to .claude/skills/prism-state-contract

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Mandatory state handling for the Visual Auditor. Manages snapshots and production assets.
89 charsno explicit “when” trigger
Beginner

Key capabilities

  • Overwrite the stateless snapshot with current audit results
  • Generate a clean production asset file
  • Extract the project slug from the primary draft file
  • Provide a high-signal summary in the chat dashboard
  • Separate auditor's logic from production assets

How it works

The skill manages the 'Latest Truth' by overwriting a stateless snapshot with current audit results and generating a separate, clean production asset. It also extracts a slug and provides a chat dashboard summary.

Inputs & outputs

You give it
Current visual audit results and draft file
You get back
Overwritten prism.state.md, a new {slug}.image-prompt.md, and a chat summary

When to use prism-state-contract

  • Managing visual audit results
  • Generating clean image prompts
  • Reporting audit status

About this skill

Prism State Contract

Use this skill to manage the "Latest Truth" and production artifacts.

1. Stateless Snapshot (prism.state.md)

Always OVERWRITE the entire file with the current audit results. No historical logs. Include:

  • Input Context: Which draft and strategy were used.
  • Visual Thesis: The distilled "Meaning" of the visual.
  • The Verdict: (CLEAR / BLOCKED / POLISH).
  • Audit Findings: High-signal bullet points from the structural audit.
  • Latest Prompt: The exact prompt generated for history.

2. Production Asset ({slug}.image-prompt.md)

Generate a separate, clean file for the user/production pipeline.

  • Naming: Use the {slug} extracted from the draft or working directory.
  • Content: Exactly one plain-text paragraph. No markdown. No headers.

3. Slug Extraction

  • Identify the project {slug} from the primary draft file (e.g., ai-patterns.draft.md -> ai-patterns).
  • If no draft exists, use the working directory name or brief.md.

4. Chat Dashboard

Every run must end with a high-signal summary in the chat:

  1. The Verdict: (CLEAR / BLOCKED / POLISH)
  2. Visual Thesis: 1-sentence elevator pitch.
  3. Squint Test: Pass/Fail on hierarchy.
  4. Actionable Move: The single most impactful structural or visual change required.

Rationale

Consistency is the foundation of the MMW relay. By separating the Auditor's Logic (state) from the Production Asset (prompt), we ensure technical cleanliness.

When not to use it

  • When historical logs of audit results are required
  • When the task does not involve visual auditing or image prompt generation

Limitations

  • prism.state.md is always overwritten, no historical logs
  • Production asset must be a single plain-text paragraph
  • Slug extraction relies on specific file naming conventions

How it compares

This skill enforces a strict separation between audit state and production assets, ensuring technical cleanliness and consistent output, unlike a manual process that might mix concerns.

Compared to similar skills

prism-state-contract side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
prism-state-contract (this skill)03moNo flagsBeginner
brief03moNo flagsBeginner
responsive-design-spec04moNo flagsAdvanced
context_uiux_design01moNo flagsIntermediate

Try saying

Example prompts that trigger this skill in your AI assistant.

You might also like

brief

educlopez

Write or update the project's durable design brief at .ui-craft/brief.md. Invoke when the user asks for brief on their UI, or mentions 'brief' alongside design / UI / frontend work.

00

responsive-design-spec

komunite

Create a responsive design spec with structured process, quality checks, and system integration

00

context_uiux_design

Seven128

Use when the user explicitly asks for 设计稿, 重做设计, UI/UX 设计方案, UI 设计师, UX 设计师, 视觉设计方案, 视觉专家, 交互设计方案, 界面设计方案, 页面设计方案, 原型设计, 线框图方案, 视觉规范, 设计系统方案, DESIGN.md, Impeccable review, UX designer, UI designer, frontend redesign, visual polish, or design system spec in a Minimal Context Harness project. Do not t

00

ux-designer

MYounesDev

|

00

mithril-ui-kit-standards

14e28f87

mithril-ui-kit の UI コンポーネント実装標準。Use when: UIコンポーネントの追加、作成、改良、変更、修正、リファクタ、既存UIの挙動変更、CSS Modules対応、Bootstrap互換フォールバック、docs必須更新、live demo必須実装。

00

ui-ux-pro-max

nextlevelbuilder

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.

1,9092,023

Search skills

Search the agent skills registry