trailsnap-ui-design SKILL.md skillB
trailsnap-ui-design from lc044/trailsnap is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add lc044/trailsnap/trailsnap-ui-design@git:20261103.4b0d092Pins git:20261103.4b0d092 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- B, 16 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- lc044/trailsnap
- Path
.agents/skills/trailsnap-ui-design/SKILL.md- Versions recorded
- 2
- Latest version
- git:20261103.4b0d092, committed Nov 3, 2026
- First version recorded
- Oct 10, 2026
- Size
- 5,622 bytes
- Repository stars
- 873
- License
- AGPL-3.0
基于 TrailSnap（行影集）现有设计系统设计、实现和审查前端 UI。适用于 package/website 的新页面、组件、布局、主题、移动端适配与界面改版；纯后端任务和其他项目不适用。.
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
# TrailSnap UI 设计 让新增界面自然融入行影集：以照片与回忆为内容中心，中性底色、清晰标题层级、圆角实体内容面板，配合克制的玻璃导航和工具栏。用户明确指定新的视觉方向时按其要求设计，同时保留主题、交互和平台约束。 ## 先确认现有实现 - 在当前工作区定位 TrailSnap 根目录，读取适用的 `AGENTS.md`。以下源码路径均相对于根目录，不依赖固定盘符。 - 修改前阅读 `package/website/src/style.css`、`package/website/src/styles/ui.css` 与最接近目标页面的现有组件。以当前源码为准；参考文档中的数值是扫描快照。 - 设计主题或通用控件时读 [设计基础与组件](references/design-system.md)；设计具体页面、媒体浏览或跨端交互时读 [页面模式与验收](references/page-patterns.md)。按任务读取，不全量加载所有页面。 - 先确定用户主要操作、信息层级、布局归属和内容宽度，再实现界面。只改善当前需求相关范围；扫描到旧样式不等于需要顺带改版。 ## 核心约束 - Vue 使用 `<script setup lang="ts">`；状态管理使用 Pinia，HTTP 通过 `package/website/src/api/*`。沿用 Vue Router、Tailwind CSS 3、Element Plus 与现有组件。 - 优先复用 `package/website/src/components/ui/` 的页面、卡片、按钮和弹层组件。照片浏览优先接入 `UnifiedPhotoPage` 与现有画廊，避免重复实现虚拟布局、筛选和批量选择。 - 新增“更多”等动作菜单使用 `AdaptiveMenu`，每个动作使用 `.ts-action-row`（危险项加 `.danger`），复用 `src/style.css` 的紧凑尺寸：悬浮菜单宽度上限 220px、动作行最小高度 44px、字号桌面 14px/移动端 13–14px、图标 18px。不要在页面重新放大菜单宽度、行高或内边距；长文本允许换行，触控区域不低于 44px。工具栏旁的移动悬浮菜单设置 `mobile-presentation="popover"`；底部动作菜单沿用默认 sheet；表单与内容对话框使用 `ResponsiveDialog`。 …
Read the whole file at its exact version.
How to install
mdr add lc044/trailsnap/trailsnap-ui-design@sha256:c07221372529f059The line at the top of this page pins the label git:20261103.4b0d092, 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.
[](https://markdownregistry.com/a/art_n5xoodfybvkx7a6i)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 2 versions of this file, between Oct 10, 2026 and Nov 3, 2026, about one every 24 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20261103.4b0d092 latest | 2026-11-03 | 4b0d092 | 5,622 B | B | view · diff |
| git:20261010.0ad3389 | 2026-10-10 | 0ad3389 | 4,392 B | B | view |
Audit of the latest version
- fail: No script tag (matched: <script)
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (5622 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
Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.
Source
lc044/trailsnap · 873 stars · license AGPL-3.0 · pushed 2026-11-03 · branch master
API
GET https://markdownregistry.com/api/v1/artifacts/art_n5xoodfybvkx7a6i GET https://markdownregistry.com/api/v1/resolve?ref=lc044/trailsnap/trailsnap-ui-design GET https://markdownregistry.com/api/v1/blob/c07221372529f05963609f6fcfb6540b033683d0a6174062829aaaf0d1d053c7
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.