dev-code-frontend SKILL.md skillA

dev-code-frontend from fourteen1416/academic-agent-toolkit is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add fourteen1416/academic-agent-toolkit/dev-code-frontend@git:20261027.16098cd

Pins git:20261027.16098cd in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
fourteen1416/academic-agent-toolkit
Path
academic-toolkit/skills/dev-code-frontend/SKILL.md
Versions recorded
2
Latest version
git:20261027.16098cd, committed Oct 27, 2026
First version recorded
Sep 23, 2026
Size
5,415 bytes
Repository stars
12
License
a license file GitHub does not identify

一句话生成项目·前端编码。按设计实现前端界面(React/Vue/纯HTML)。Use when 前端编码/写前端.

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

# 一句话生成项目 · 前端编码

按系统设计实现**前端**:**$ARGUMENTS**

## ⛔ 先确认项目类型

读 AGENTS.md 的"说明/参数"段拿 `project_type` 和技术栈。本步骤只做前端:
- **全栈(fullstack)**:前端放 `code/frontend/`,通过 API 调后端(后端由下一步实现,本步骤按 DESIGN.md 的 API 约定写好调用即可,允许先用假数据/占位)。
- **纯前端(frontend)**:前端放 `code/`,无后端。

## 输入

1. **DESIGN.md**(必须存在)— 架构/API/页面/目录结构。严格按它实现。
2. **REQUIREMENTS.md** — 页面清单、功能清单,逐条实现"必做"页面。
3. **AGENTS.md** — 技术栈(前端框架)。

## ⛔ 恢复场景

若前端目录已有部分代码(上次跑了一半),在其基础上**续写补全,不要推倒重来**。

## ⛔ 前端审美铁律(界面不能丑)

**必须使用 daisyUI 组件库**,不手写零散 CSS。
- 按需读参考:`cat references/daisyui_ref.md`(组件 class 写法 + 审美原则)。
- **设计风格**:读项目指令文件(AGENTS.md,或等价的指令注入配置)的"前端设计风格"段。若指定了某风格,`cat references/styles/<风格>.md` 按其配色/字体/组件规格 + 指定的 daisyUI 主题实现;若是"系统自动",按项目性质自选一个风格文件参考;若是自定义描述,按描述设计并选最接近的 daisyUI 主题。整站风格统一。(`references/styles/` 五档:apple / minimal / retro / tech / vibrant,2026-09-22 modex-3 同源吸收补齐。)
- 用 daisyUI 语义组件:`btn` `card` `navbar` `input` `table` `modal` `menu` `alert` 等。
- 选一个协调主题(`light`/`corporate`/`nord`),在 `<html data-theme="...">` 统一设置。
- 引入优先本地(daisyUI+Tailwind CSS 放本地),CDN 兜底并在 README 注明。
- 布局:统一间距、清晰层次、留白、响应式(`container mx-auto` `grid` `flex` + `sm:`/`lg:`)。

## 目录约定

- 全栈:`code/frontend/`(含 `package.json`、`src/` 或入口 `index.html`)
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add fourteen1416/academic-agent-toolkit/dev-code-frontend@sha256:e0fee785a0b9a911

The line at the top of this page pins the label git:20261027.16098cd, 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_5k26pakrflrsq4rc.svg)](https://markdownregistry.com/a/art_5k26pakrflrsq4rc)

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

Versions

The registry has recorded 2 versions of this file, between Sep 23, 2026 and Oct 27, 2026, about one every 35 days.

versioncommittedcommitsizeaudit
git:20261027.16098cd latest2026-10-27 16098cd 5,415 BA view · diff
git:20260923.2013b812026-09-23 2013b81 5,415 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 (5415 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

fourteen1416/academic-agent-toolkit · 12 stars · license a license file GitHub does not identify · pushed 2026-10-27 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_5k26pakrflrsq4rc
GET https://markdownregistry.com/api/v1/resolve?ref=fourteen1416/academic-agent-toolkit/dev-code-frontend
GET https://markdownregistry.com/api/v1/blob/e0fee785a0b9a911dd64fa765a9f98aa48d5793449e01d8d4ce7545ec41ec233

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 fourteen1416/academic-agent-toolkit

AGENTS.md AGENTS.md file
fourteen1416/academic-agent-toolkit · AGENTS.md
git:20261024.6925a98 · audit A · 12 stars
AGENTS.md@academic-toolkit AGENTS.md file
fourteen1416/academic-agent-toolkit · academic-toolkit/AGENTS.md
git:20261023.0a9dfaa · audit A · 12 stars
ablation-planner SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/ablation-planner/SKILL.md · Use when main results pass result-to-claim (claim_supported=yes or partial) and ablation studies are needed to answer…
git:20260927.a059f3a · audit A · 12 stars
agent-bootstrap SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/agent-bootstrap/SKILL.md · 任意智能体自举驱动本academic-toolkit:读协议、探测能力、选择路由或启动工作流。触发词:启动项目、如何驱动、bootstrap、自举、宿主无关接入、agent 开始工作。
git:20260927.efd5131 · audit A · 12 stars
agent-figure-gallery SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/agent-figure-gallery/SKILL.md · Query the AgentFigureGallery visual reference KB, show candidates for human preference selection, and export selected…
git:20260927.a059f3a · audit A · 12 stars
analyze-results SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/analyze-results/SKILL.md · Analyze ML experiment results, compute statistics, generate comparison tables and insights. Use when user says "analyze…
git:20260923.2013b81 · audit A · 12 stars
anti-ai-detection SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/anti-ai-detection/SKILL.md · 中文学术文本 AI 特征检测:八维度加八项统计特征分析、AI 味改写建议、改写质量检查,并生成国赛 AI 使用声明。触发词:反AI检测、AI味、去AI化、AI 生成特征、AI 使用声明。
git:20260923.f7822e6 · audit A · 12 stars
anti-defensive-writing SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/anti-defensive-writing/SKILL.md · 删减防御性写作:去掉不必要的免责声明、模糊限定、道歉式表述、自我贬低与过度解释,同时保留必要的范围/准确性/安全/法律/伦理/方法学限定。触发词:更简洁、更有力、更直接、更自信、少限定、少免责、别啰嗦、不要过度解释、改掉…
git:20260927.efd5131 · audit A · 12 stars
arxiv-metadata SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/arxiv-metadata/SKILL.md · Fetch structured metadata for an arXiv paper. Use when you have an arXiv ID or URL and need title, authors, date, or…
git:20260927.a059f3a · audit A · 12 stars
arxiv-submission-package SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/arxiv-submission-package/SKILL.md · Prepare an arXiv submission package from a LaTeX paper. Cleans the source, builds a tarball, and extracts metadata for…
git:20260927.a059f3a · audit A · 12 stars
arxiv SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/arxiv/SKILL.md · Search, download, and summarize academic papers from arXiv. Use when user says ”search arxiv”, ”download paper”, or…
git:20260927.a059f3a · audit A · 12 stars
assets-inventory SKILL.md skill
fourteen1416/academic-agent-toolkit · academic-toolkit/skills/assets-inventory/SKILL.md · 扫描用户上传的资产(题目/代码/数据/图/结果),输出资产清单 ASSETS_INVENTORY.md 与一致性冲突报告 ASSETS_CONFLICTS.md,供后续步骤决定哪些资产已有、哪些需要补全。
git:20260923.2013b81 · audit A · 12 stars

Every file in fourteen1416/academic-agent-toolkit

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