multica-frontend-impl SKILL.md skillA

multica-frontend-impl from it235/multica-best-practices is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add it235/multica-best-practices/multica-frontend-impl@git:20260910.699a593

Pins git:20260910.699a593 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
it235/multica-best-practices
Path
templates/zh_CN/skills/frontend/multica-frontend-impl/SKILL.md
Versions recorded
2
Latest version
git:20260910.699a593, committed Sep 10, 2026
First version recorded
Sep 10, 2026
Size
2,956 bytes
Repository stars
237
License
MIT

前端实现:读 JIRA/Confluence/架构/UI/API,注重交互与体验完成界面开发。用于 @FrontendDev 组件实现、状态与对接验证。.

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

# Frontend Implementation

## Purpose

在已确认的设计与 Issue 范围内,把 **UI / 交互 / 体验** 落地为可用界面,并正确对接 API。

> 与 `multica-artifact-frontend` 分工:**frontend-impl 管怎么读上游、怎么写组件与体验;artifact-frontend 管实现说明文档规范与 Confluence 落地**。

## Platform 协作

| Platform skill | 本 skill 用途 |
| --- | --- |
| `multica-platform-jira` | 读 Issue / AC |
| `multica-platform-confluence` | 读 PRD / 设计 / API 契约 |
| `multica-platform-figma` | 读 UI 设计(Issue / Designer 链接) |

发布 impl-spec 走 `multica-artifact-frontend`;本 skill 不重复 REST 细节。

## 开工前:读上游(必做)

| 顺序 | 来源 | 方式 |
| --- | --- | --- |
| 1 | Issue / 验收标准 | `multica-platform-jira` → `jira_cli.py get-issue <KEY>` |
| 2 | PRD | JIRA → Confluence `fetch_page.py` |
| 3 | 架构设计 | Leader 派活或 JIRA 设计链接 → `fetch_page.py` |
| 4 | UI 设计 | @Designer `multica-design-ui-impl` 链接 |
| 5 | API 契约 | @BackendDev `multica-artifact-backend` Confluence 链接 |
| 6 | 现有前端代码 | 局部阅读 / codegraph |

契约或 UI 缺失 → **mock 先行**并记录 Mock 策略;接口语义不明 → **BLOCKED**,不发明 API。

## 体验优先流程(核心)

```text
1. 读 AC- / UI / 架构「实现步骤(前端)」→ 列出页面与状态机
2. 写/更新 impl-spec.md(交 multica-artifact-frontend 发布,可选但推荐)
3. 按状态实现:默认态 → 加载 → 空态 → 异常 → 无权限
4. 交互:即时反馈、防重复提交、错误可理解文案
5. 对接 API:严格按契约;错误分支与重试 UX 写进 impl-spec
6. 组件/交互测试 + 手动走查关键路径
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add it235/multica-best-practices/multica-frontend-impl@sha256:ef35c92539e394ef

The line at the top of this page pins the label git:20260910.699a593, 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_nozrsbwkdokbj2hm.svg)](https://markdownregistry.com/a/art_nozrsbwkdokbj2hm)

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

Versions

The registry has recorded 2 versions of this file, all committed on Sep 10, 2026.

versioncommittedcommitsizeaudit
git:20260910.699a593 latest2026-09-10 699a593 2,956 BA view · diff
git:20260910.8db057c2026-09-10 8db057c 2,959 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 (2956 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

it235/multica-best-practices · 237 stars · license MIT · pushed 2026-11-04 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_nozrsbwkdokbj2hm
GET https://markdownregistry.com/api/v1/resolve?ref=it235/multica-best-practices/multica-frontend-impl
GET https://markdownregistry.com/api/v1/blob/ef35c92539e394ef1b687c330760fb08420192dfdb7698c2fa5352bf8a5c436a

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 it235/multica-best-practices

AGENTS.md AGENTS.md file
it235/multica-best-practices · AGENTS.md
git:20260910.5cb31cc · audit A · 237 stars
multica-artifact-architect SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/architect/multica-artifact-architect/SKILL.md · Land technical design artifacts to the code repo or knowledge platform (default Git repo / Confluence). Used by…
git:20260910.699a593 · audit A · 237 stars
multica-technical-design SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/architect/multica-technical-design/SKILL.md · Produce a minimal technical plan based on the existing code. Used for architecture analysis, impact assessment, and…
git:20260910.8db057c · audit A · 237 stars
multica-artifact-backend SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/backend/multica-artifact-backend/SKILL.md · Land API contract artifacts to the API collaboration platform (default Apifox). Used by @BackendDev to upload API…
git:20260910.699a593 · audit A · 237 stars
multica-backend-impl SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/backend/multica-backend-impl/SKILL.md · Backend implementation skill—API / data model / business logic coding conventions and acceptance checklist; the…
v1.0.0 · audit A · 237 stars
multica-design-ui-impl SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/designer/multica-design-ui-impl/SKILL.md · Land UI / interaction design artifacts to the design collaboration platform (default Figma). Used by @Designer to…
git:20260910.699a593 · audit A · 237 stars
multica-artifact-cicd-sync SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/devops/multica-artifact-cicd-sync/SKILL.md · CI/CD artifact-orchestration skill (placeholder shell): after G2 PASS and code push, call the underlying CI/CD platform…
git:20260910.8db057c · audit A · 237 stars
multica-artifact-frontend SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/frontend/multica-artifact-frontend/SKILL.md · Frontend artifact sync—push the frontend deliverable set (page/component/state/style) and run-url to Multica…
v1.0.0 · audit A · 237 stars
multica-frontend-impl SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/frontend/multica-frontend-impl/SKILL.md · Frontend implementation skill—page/component/state/style coding conventions and acceptance checklist; the preferred…
v1.0.0 · audit A · 237 stars
multica-verification SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/leader/multica-verification/SKILL.md · Gatekeeping function: objectively check whether an artifact satisfies the acceptance criteria. Triggered by the Leader…
git:20260910.699a593 · audit A · 237 stars
multica-platform-apifox SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/platform/multica-platform-apifox/SKILL.md · Apifox integration—read API contracts/scenarios, and run/supplement test scenarios. Credentials and CLI are only looked…
v1.1.0 · audit A · 237 stars
multica-platform-confluence SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/platform/multica-platform-confluence/SKILL.md · Platform-layer skill (placeholder shell): read/write capability for Confluence / Wiki-class systems — pull existing…
git:20260910.5cb31cc · audit A · 237 stars

Every file in it235/multica-best-practices

Other files named multica-frontend-impl

multica-frontend-impl SKILL.md skill
it235/multica-best-practices · templates/en_US/skills/frontend/multica-frontend-impl/SKILL.md · Frontend implementation skill—page/component/state/style coding conventions and acceptance checklist; the preferred…
v1.0.0 · audit A · 237 stars

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