Tag: ui-design
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…
Mémoire Design Intelligence and Tooling
Provides a local design intelligence layer for managing design systems, Figma context, and research synthesis. It enables automated UI audits, component specification generation, and shadcn/ui code generation using Atomic Design principles.
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 Agentic UI Development
Memoire provides a local intelligence layer for agents, enabling UI design audits, component generation, and research synthesis. It integrates with design systems, Figma state, and Atomic Design principles using Tailwind and shadcn/ui.
Mémoire: Agentic UI Design Intelligence
A local design intelligence layer that provides agents with project memory, Figma state, and design system rules for UI development. It facilitates automated design audits, component generation using shadcn/ui, and research-backed specifica…
Generates High-Fidelity UI Design Specifications
This skill guides the creation of high-fidelity, aesthetically rich user interfaces for web and mini-programs. It mandates a structured design specification, including color palettes, typography, and layout strategy, before generating any i…
High-Fidelity UI Design and Prototyping Skill
This skill guides the creation of high-fidelity, aesthetically rich user interfaces for web and mini-program applications. It enforces a mandatory design specification phase, ensuring the agent determines the aesthetic direction, color pale…
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 …
Generate Designer Mockup Prompts from UI Brief
This skill translates a functional UI brief (e.g., dashboard, pricing page) into a highly structured, anti-slop prompt for advanced image generation models. It intelligently selects the optimal model and embeds deep design intelligence, ens…
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…
UI Mockup Prompt Generator
Transforms UI briefs into high-fidelity, anti-slop prompts for advanced image generation models such as Flux 2 and Midjourney. It implements sophisticated routing logic and design principles to avoid common AI-generated UI clichés and produ…
Anti-Slop UI Mockup Prompt Generator
Transforms UI briefs into high-fidelity, anti-slop prompts for image generation models such as Flux 2 and Midjourney. It intelligently routes requests to the optimal model based on specific requirements like text density or transparency to …
UI Brief to Designer Mockup Prompt Generator
This skill translates a functional UI brief into a highly constrained, paste-ready prompt for advanced image generation models. It intelligently selects the optimal model and enforces anti-slop design rules to ensure the output provides gen…
Tailwind CSS Best Practices for UI Consistency
This skill provides comprehensive styling guidelines for the Mastra Playground UI, ensuring design system consistency across component usage, design tokens, and class name implementation. It assists developers when writing, reviewing, or re…
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.
Mémoire Design System and Research Tooling
A design system and research layer for frontend development that facilitates design audits, research synthesis, and design-to-code generation. It integrates with Figma, Tailwind, and shadcn/ui using Atomic Design principles.
Local Design Intelligence for UI Development
This tool provides a local design intelligence layer for OpenClaw workspaces, managing design systems, component specifications, and conducting design audits. It supports generating code from design evidence, integrating Figma context, and …
Local design intelligence and component generation tool
This tool provides a local design intelligence layer for OpenClaw workspaces, managing everything from Atomic Design specifications and research synthesis to running comprehensive design audits. It facilitates component generation and UI im…
Memoire Design Intelligence for Agents
A local design intelligence layer for agents to manage UI design, Figma state, and design system rules. It facilitates automated design audits, component generation using shadcn/ui and Tailwind, and research-backed specification creation.
Memoire Design Evidence and Tooling
A local design evidence layer and CLI suite for managing design systems, performing design audits, and generating component specifications. It facilitates research-backed design and design-to-code workflows using Atomic Design principles, T…
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…
Frontend UI Design and Prototyping
Provides a structured workflow for generating design specifications, aesthetic directions, and high-fidelity prototypes for web and mini-program interfaces. It enforces strict design constraints to avoid generic AI aesthetics, focusing on i…
Professional Frontend UI Design Skill
This skill facilitates structured frontend UI design by enforcing a mandatory design specification phase covering typography, colour palettes, and layout strategies. It enables the creation of high-fidelity prototypes and aesthetic directio…
Roblox Studio Automation via WEPPY MCP
Provides a structured workflow for controlling Roblox Studio through the WEPPY Roblox MCP, including UI design loops, playtesting, and log inspection. It prioritises using specific MCP actions over arbitrary Luau execution to ensure reliabl…