Enforce macrostructure and token governance to design non-template web pages.
npx skills add https://github.com/misty-step/harness-kit --skill hallmark-misty-step
Please help me install this Agent Skill. Skill: hallmark Source: https://github.com/misty-step/harness-kit/tree/main/skills/.external/nutlope-hallmark Command: npx skills add https://github.com/misty-step/harness-kit --skill hallmark-misty-step
AI-generated UI often feels templated or generic. Hallmark provides a design-led framework that enforces macrostructure, token governance, and accessibility checks to build distinct, human-crafted pages instead of template copies.
Provide a brief that includes audience, use case, and tone, and I will generate a Hallmark-ready macrostructure, theme, and token plan.
High-intent search queries and answers about installing and using this skill.
To stop AI from generating generic template web pages, enforce macrostructure planning and token governance. This framework requires a clear brief to guide layout rhythm and maintain design discipline, ensuring headings, imagery, and CTAs follow deliberate structure rather than templated repetition.
Macrostructure in design systems is the deliberate planning of page elements like headings, imagery, and CTAs to establish visual rhythm. You need it when building landing pages, marketing sites, or internal dashboards to avoid templated repetition and ensure distinct, structured outputs.
To plan a landing page using design tokens, provide a brief including audience, use case, and tone. This seeds a gate-driven workflow that generates a macrostructure, theme, and centralized token plan for consistent colors, typography, and spacing across the page.
Yes, you can use token governance for internal dashboards and marketing sites. A centralized token system sustains consistency across pages by governing colors, typography, and spacing, ensuring distinct page designs rather than generic template copies.
Yes, you need a valid SKILL.md frontmatter with a name and description at the root to build accessible web pages. This frontmatter enforces discovery and seeds the preflight checks required to automate design discipline and validate accessibility governance.
The best way to maintain design consistency across multiple web pages is implementing a centralized token-driven design system. This governs colors, typography, and spacing systematically, sustaining a unified theme across landing pages and dashboards without relying on generic templates.
lexlerCreate deterministic process-file templates with frontmatter-based identification and optional resource directories.
marcusGuide designers from strategic brief to production-ready website design.
Higashi-KotaBuild accessible React UI components with design tokens and ARIA patterns.
Kitsune-DenGenerate React, Tailwind, and shadcn/ui frontend projects from plain-language prompts.
