skills.rest
oxie
oxieCOMMUNITY
Explore all skills by this author →
GitHub

hallmark

Design, audit, and study user interfaces within existing design systems and brand constraints.

Updated Sep 6, 2026
Search Tags:#accessibility#design system#ui design#shadcn#redesign#visual audit#screenshot analysis
One-click install
npx skills add https://github.com/oxie/prime-agent-skills --skill hallmark-oxie
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: hallmark
Source: https://github.com/oxie/prime-agent-skills/tree/main/hallmark
Command: npx skills add https://github.com/oxie/prime-agent-skills --skill hallmark-oxie

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Hallmark gives an AI agent a disciplined workflow for UI design work: making deliberate structure, typography, color, and interaction choices instead of generic output, while respecting the project's existing design system, brand, and accessibility requirements. ## Core Features & Use Cases - Four scoped workflows: design/redesign within an existing system, read-only visual audits with cited evidence, screenshot study with explicit uncertainty, and comparison of alternatives via the Variate skill. - On-demand references: selectively loaded guidance for app/mobile quality, shadcn composition, UI localization (including CJK), interaction motion, content layouts, tokens, storefronts, and reference-led redesign. - Evidence-led verification: requires real rendered checks (widths, contrast, keyboard focus, reduced motion) and honest reporting of untested items rather than self-scores. - Use Case: Ask the agent to redesign a landing page hero within your existing brand tokens, then receive a scoped implementation plus a report of the checks actually run. ## Quick Start Ask the agent to use Hallmark to redesign a specific page or component within your existing brand and design system.

Frequently Asked Questions about hallmark

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I redesign a page without breaking my existing design system?▼

Hallmark reads your project instructions, tokens, fonts, and components first, then scopes changes to the named files while preserving shared navigation, tokens, and interaction contracts. It treats your brief and existing system as higher priority than any catalogue suggestion.

How do I audit a page's visual design without changing code?▼

Use the audit workflow, which is read-only: it reports observed functional and accessibility defects separately from optional taste suggestions, citing file lines or visible evidence. It never edits files, creates logs, or generates token files during an audit.

Can Hallmark analyze a website from just a URL?▼

No, this edition does not crawl public URLs. For URL-only requests it asks you to supply a screenshot or source; for an authorized local preview it can use the shared browser-check skill to capture evidence.

Does Hallmark work with shadcn and localized interfaces?▼

Yes, it includes narrowly routed references for version-aware shadcn composition and UI localization, including CJK font and rendering considerations. These load only when an existing or explicitly selected shadcn interface or locale scope is present.

What are the limitations of screenshot-based design study?▼

Screenshot study explains hierarchy and uncertainty but cannot prove rendering behavior, accessibility compliance, or conversion impact. Hallmark marks unavailable checks as not tested and never certifies results from appearance alone.

Related Skills

Explore More Design & Creative Skills→
stevengonsalvezstevengonsalvez

teach-impeccable

Gather design context from a repository and persist it to AI configuration.

Community
Intermediate
timchaptimchap

sketch

Generates 2-3 disposable interactive HTML mockup variants for comparing UI design directions.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

ui-design

Generate UI component specifications and WCAG 2.1 AA accessibility audits.

Official
Intermediate
ashiqcodeleafashiqcodeleaf

excalidraw

Create and manipulate hand-drawn diagrams using Excalidraw JSON format.

Community
Basic