Generates and audits web UI designs that avoid recognizable AI-generated layout patterns.
npx skills add https://github.com/marcmarti9/agentit --skill hallmark-marcmarti9
Please help me install this Agent Skill. Skill: hallmark Source: https://github.com/marcmarti9/agentit/tree/main/skills/hallmark Command: npx skills add https://github.com/marcmarti9/agentit --skill hallmark-marcmarti9
hallmark audit scores a target against a named anti-pattern list and returns a ranked punch list; hallmark redesign reworks visual structure inside existing implementation boundaries; hallmark study extracts design DNA from a screenshot or URL into a diagnosis or portable design.md. - Component-scope mode: Detects single-element briefs (button, card, modal) and emits the component plus an 8-state demo wrapper covering default, hover, focus, active, disabled, loading, error, and success states. - Use Case: Ask your coding agent to build a SaaS landing page; Hallmark scans the repo, preserves the existing Tailwind tokens, selects a non-repeating macrostructure and theme, and ships responsive markup verified at 320/375/414/768 px with locked design tokens. ## Quick Start Ask your coding agent to design a landing page for your product and let Hallmark run its pre-flight scan and design flow before writing any code.High-intent search queries and answers about installing and using this skill.
Invoke Hallmark before building: it scans your project for existing fonts, palettes, and frameworks, asks about audience, use case, and tone, then picks one of 21 named macrostructures and a rotating theme so the output does not repeat the default hero-grid-CTA template.
Run `hallmark audit <target>`. It reads the target, scores it against a named anti-pattern list (purple-gradient heroes, Inter-everywhere, card-in-card, re-drawn browser chrome, invented metrics), and returns a ranked punch list without editing any files.
Yes. The redesign verb preserves existing routes, component ownership, copy intent, and information architecture, replacing only the visual and interaction layer. It states the exact files it will modify beforehand, and deletions require explicit confirmation.
Yes. The pre-flight scan detects frameworks via package.json and config files, reads existing Tailwind theme extensions and design tokens, and preserves them. Components are emitted in the project's conventions, consuming tokens by name rather than inline values.
Every emitted page is verified at 320, 375, 414, and 768 px widths. Hard requirements include no horizontal scroll with overflow-x: clip, no two-line clickable text, minmax(0, 1fr) on image-bearing grid tracks, and single-column section heads on mobile.
Use component scope when the brief names a single UI element like a button, card, or modal, or targets one component file. It skips macrostructure and nav/footer picks, and emits the component plus an 8-state demo wrapper showing default through success states.
saajunaidCoordinate brand-voice guidelines across content creation and asset management.
apeejay-educationAutomate release workflows from branch merge to PR creation.
Eng-susoValidates UI modifications through screenshot analysis, visual regression testing, and accessibility verification.
alexgorbatchevStandardize shadcn/ui component adoption and governance across frontend projects.