ui-design is agent-read markdown (skill) from ginlix-ai/langalpha: Design-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aesthetics.
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# UI Design
A design-quality reference for any visual output you produce. It exists to make that output look like it came from a research desk, not a marketing landing page or a generic AI template.
Read this **before** producing any styled output — it covers design taste: typography, color, composition, and restraint. The examples below are HTML/CSS (the most common surface), but the principles apply to any visual you render — charts and images, PDFs, on-screen layouts — not just HTML.
> **This skill exists to help you match the user's personal frontend style and UI preferences — those always win over the defaults below.** If the user has stated a taste — in this conversation, in your long-term memory, or in their saved preferences — it outranks every rule here. They want a specific brand color, a chosen font, a different accent, dark-only, no serif? Do that. The directions below are strong defaults for when the user hasn't expressed a preference; they are never a license to overrule the user's explicit style.
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
GET https://markdownregistry.com/api/v1/artifacts/art_5puhlwlhyqtgjhsx
GET https://markdownregistry.com/api/v1/resolve?ref=ginlix-ai/langalpha/ui-design
GET https://markdownregistry.com/api/v1/blob/563eafa2d676f770ce6e577cb9a86340a9e4ad580c4a1f403b5615fe8937cc90
Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
ginlix-ai/langalpha · plugins/alternative_data/skills/web-scraping/SKILL.md · Web scraping: scrape_page / scrape_pages MCP tools for fetching pages as markdown, HTML, or text (fast HTTP, browser…
ginlix-ai/langalpha · plugins/alternative_data/skills/x-api/SKILL.md · Search X (Twitter) posts, pull user profiles, fetch specific tweets, and read reply threads for sentiment, news, and…
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/chart-annotation/SKILL.md · Draw price lines, trendlines, zones, and event markers directly on a stock's price chart. Reach for it whenever you'd…
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/docx/SKILL.md · Word documents a human will review and edit: build with python-docx, edit an existing file in place with tracked…
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/html-report/SKILL.md · Self-contained styled HTML reports written to the task directory: PDF-exportable research documents with inline data…
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/inline-widget/SKILL.md · Inline HTML widgets: charts, dashboards, data tables rendered directly in the chat via ShowWidget
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/pdf/SKILL.md · Read, fill and build PDFs: inspect structure and fonts, extract text and tables with pdfplumber and poppler, fill and…
tencentcloudbase/cloudbase-ai-toolkit · connectors/cloudbase-intl/skills/references/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
tencentcloudbase/cloudbase-ai-toolkit · config/source/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
tencentcloudbase/cloudbase-ai-toolkit · plugin/cloudbase/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
tencentcloudbase/cloudbase-ai-toolkit · config/.claude/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
mblode/agent-skills · skills/ui-design/SKILL.md · Designs and builds React/Next/Tailwind UI and audits visual and interaction defects. Use when asked to "build a landing…
