Tag: design-system
Production-Grade Frontend Design and UI Generation
This skill generates distinctive, production-grade frontend interfaces by first establishing a bold aesthetic direction and conceptual purpose. It outputs meticulously refined, functional code (React, HTML/CSS, etc.) that avoids generic AI …
Design System Auditing and Component Generation Tool
This CLI tool establishes a local design evidence layer, enforcing Atomic Design principles and best practices like shadcn/ui and Tailwind. It facilitates design audits, research synthesis, and component specification generation before code…
Design system and research tooling suite
Memoire provides a comprehensive CLI toolkit for managing design systems, conducting design audits, and synthesizing research into production-ready code. It enforces best practices like Atomic Design and prefers modern frameworks such as sh…
Local design intelligence for UI development
Memoire provides a local design intelligence layer for OpenClaw workspaces, facilitating UI audits, component specification, and code generation. It integrates design evidence from Figma, Atomic Design specs, and research synthesis, ensurin…
Memoire Design Tooling for UI Development
Memoire provides a local design evidence layer for Codex tasks, ensuring adherence to Atomic Design principles, shadcn/ui, and Tailwind CSS. It facilitates design audits, research synthesis, and component specification generation before cod…
Syndicate Links Brand Guide and Design System
This skill provides a comprehensive design system and brand guide for the Syndicate Links platform, detailing voice, visual tokens, and component recipes. It ensures all generated content adheres to strict brand standards, including specifi…
Syndicate Links Brand Design System
This skill provides a comprehensive design system and brand guidelines for building the Syndicate Links affiliate infrastructure. It enforces specific visual tokens, typography rules, and component recipes across marketing, dashboards, and …
Design System Component Extraction Skill
This skill enables the extraction of HTML, theme information, and component details from design systems such as Storybook. It facilitates UI assembly by listing, searching, and analysing available components and their variants.
Visual Design System Consistency Validation
A systematic approach for validating design system token compliance, detecting visual regressions, and ensuring responsive consistency across breakpoints and modes. It quantifies deviations and categorises severity for accessibility and lay…
Design System Maturity and Governance Assessment
Provides a framework for evaluating design system maturity, assessing adoption health, and analysing design debt ratios. It enables developers to identify component duplication and implement strategic governance improvements.
Authoring Production-Grade Inline SVG Assets
This skill generates production-ready inline SVG assets (logos, icons, favicons) by adhering to strict design constraints. It validates output against defined rules for viewBox, path budgets, and color palettes, ensuring small-scale legibil…
Generate consistent brand illustration sets
This tool manages the complex generation of multiple, brand-consistent illustrations. It enforces style adherence across a set by injecting brand bundles, validating color palettes (ΔE2000), and progressively tightening style locks using re…
Multi-Platform App Icon Bundle Generation
This skill generates a complete, multi-platform app icon bundle from a single 1024² master mark. It deterministically fans out assets for iOS, Android, PWA, and visionOS, handling platform-specific requirements like adaptive icons and maska…
UI Brief to Designer-Grade Image Prompt
This skill translates a functional UI brief into a highly detailed, model-specific prompt for image generators. It incorporates design pattern intelligence and anti-cliché rules to ensure the output provides visual direction, not generic AI…
Maintain Brand Consistency Across Assets
This skill ensures visual coherence across an entire brand set by managing a comprehensive BrandBundle, which includes defined palettes, typography, and style references. It enforces consistency across various generative models using mechan…
Authoring production-grade, constrained inline SVG
This skill generates production-grade inline SVG assets (logos, icons, favicons) by adhering to strict constraints like path budgets, viewbox rules, and optical balance. It ensures small-scale legibility and structural integrity across vari…
Maintain Brand Consistency Across Assets
This skill enforces visual coherence across multi-asset brand sets by managing a central BrandBundle containing palettes, typography, and style references. It validates generated assets using advanced metrics like ΔE2000 and CSD similarity …
Cross-Platform App Icon Asset Generator
This tool takes a single 1024² master mark and deterministically generates a complete bundle of app icons for major platforms, including iOS, Android, PWA, and visionOS. It manages complex platform requirements, such as adaptive icon layers…
Atomic design and UI tooling suite
This tool provides a local design evidence layer for frontend development. It enforces adherence to Atomic Design principles, generating specs and running audits for UI components using Tailwind and shadcn/ui.
Memoire: Design Intelligence for Agent Work
Memoire provides a local design intelligence layer for agents, ensuring UI development adheres to established design systems, Figma states, and Atomic Design principles. It facilitates design audits, component specification, and research-ba…