ui-design SKILL.md skillA

ui-design from ginlix-ai/langalpha is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add ginlix-ai/langalpha/ui-design@git:20260915.83337aa

Pins git:20260915.83337aa in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
ginlix-ai/langalpha
Path
plugins/langalpha_deliverables/skills/ui-design/SKILL.md
Versions recorded
2
Latest version
git:20260915.83337aa, committed Sep 15, 2026
First version recorded
Aug 26, 2026
Size
11,702 bytes
Repository stars
2,249
License
Apache-2.0

Design-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aesthetics.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file 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.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ginlix-ai/langalpha/ui-design@sha256:563eafa2d676f770

The line at the top of this page pins the label git:20260915.83337aa, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_5puhlwlhyqtgjhsx.svg)](https://markdownregistry.com/a/art_5puhlwlhyqtgjhsx)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Aug 26, 2026 and Sep 15, 2026, about one every 19 days.

versioncommittedcommitsizeaudit
git:20260915.83337aa latest2026-09-15 83337aa 11,702 BA view · diff
git:20260826.8da358a2026-08-26 8da358a 11,703 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11702 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

ginlix-ai/langalpha · 2,249 stars · license Apache-2.0 · pushed 2026-11-08 · branch main

API

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 AI assistant 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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from ginlix-ai/langalpha

AGENTS.md AGENTS.md file
ginlix-ai/langalpha · AGENTS.md
git:20261101.1663d2c · audit A · 2,249 stars
CLAUDE.md CLAUDE.md file
ginlix-ai/langalpha · CLAUDE.md
git:20260711.40c6e92 · audit A · 2,249 stars
DESIGN.md DESIGN.md file
ginlix-ai/langalpha · DESIGN.md
git:20261108.b1945c6 · audit A · 2,249 stars
AGENTS.md@desktop AGENTS.md file
ginlix-ai/langalpha · desktop/AGENTS.md
git:20261024.46a2ed1 · audit B · 2,249 stars
web-scraping SKILL.md skill
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…
git:20260921.26f807b · audit A · 2,249 stars
x-api SKILL.md skill
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…
git:20260928.de2d0b4 · audit A · 2,249 stars
chart-annotation SKILL.md skill
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/chart-annotation/SKILL.md · Extra guidance for draw_chart_annotation, which works without loading this. Covers choosing between similar variants…
git:20261005.0db6b54 · audit A · 2,249 stars
docx SKILL.md skill
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…
git:20260921.26f807b · audit A · 2,249 stars
html-report SKILL.md skill
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…
git:20260921.26f807b · audit B · 2,249 stars
inline-widget SKILL.md skill
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
git:20260921.26f807b · audit F · 2,249 stars
interactive-dashboard SKILL.md skill
ginlix-ai/langalpha · plugins/langalpha_deliverables/skills/interactive-dashboard/SKILL.md · Interactive web dashboards: stock trackers, sector heatmaps, portfolio monitors, served via preview URL
git:20261025.20c54f6 · audit C · 2,249 stars
pdf SKILL.md skill
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…
git:20260921.26f807b · audit A · 2,249 stars

Every file in ginlix-ai/langalpha

Other files named ui-design

ui-design SKILL.md skill
tencentcloudbase/cloudbase-ai-toolkit · connectors/cloudbase/skills/references/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
v2.37.4 · audit A · 1,163 stars
ui-design SKILL.md skill
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…
v2.35.2 · audit A · 1,163 stars
ui-design SKILL.md skill
tencentcloudbase/cloudbase-ai-toolkit · plugin/cloudbase-codex/skills/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
v2.37.5 · audit A · 1,163 stars
ui-design SKILL.md skill
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…
v2.36.1 · audit A · 1,163 stars
ui-design SKILL.md skill
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…
v2.36.0 · audit A · 1,163 stars
ui-design SKILL.md skill
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…
v2.36.1 · audit A · 1,163 stars
ui-design SKILL.md skill
infometa/workbuddyskills · connectors/cloudbase/skills/references/ui-design/SKILL.md · Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes…
v2.34.8 · audit A · 426 stars
ui-design SKILL.md skill
mblode/agent-skills · skills/ui-design/SKILL.md · Designs and builds React/Next/Tailwind UI, audits visual and interaction defects, and stress-tests components with…
git:20261022.8d78f92 · audit A · 188 stars

Browse by kind, by grade A, or by owner.