pencil-ui-design

Name: pencil-ui-design
Author: weiyuanwen

Yêu cầu sử dụng Pencil để thiết kế giao diện trước khi viết code

by weiyuanwen(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Instruction file imported from weiyuanwen/vietsat (.cursor/rules/pencil-ui-design.mdc). Copyright stays with the author.

Thiết Kế Giao Diện Với Pencil

Quy Trình Bắt Buộc

Mỗi khi cần thiết kế giao diện (UI/UX), bạn PHẢI:

Sử dụng Pencil: Vẽ giao diện bằng Pencil trước
Chờ duyệt: Chờ user xem và duyệt thiết kế
Sau đó mới code: Chỉ sau khi user approve mới bắt đầu implement

Khi Nào Áp Dụng

Thiết kế trang mới
Thay đổi layout
Thiết kế component
Tạo form, modal, dialog
Bất kỳ UI mới nào cần hiển thị cho user

Không Áp Dụng

Chỉnh sửa logic code không liên quan đến UI
Fix bug không thay đổi giao diện
Tối ưu performance
Các task không có yếu tố giao diện

Workflow

[Yêu cầu thiết kế UI] → [Vẽ Pencil] → [User duyệt] → [Implement code]

Nếu user chưa duyệt, KHÔNG được tiến hành viết code.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/weiyuanwen-vietsat-pencil-ui-design-rule/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

weiyuanwen-vietsat-pencil-ui-design-rule.ocm.jsonjson

{
  "ocm": "1",
  "id": "weiyuanwen-vietsat-pencil-ui-design-rule",
  "kind": "skill",
  "name": "pencil-ui-design",
  "description": "Yêu cầu sử dụng Pencil để thiết kế giao diện trước khi viết code",
  "publisher": "weiyuanwen",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "github-cursor-rules"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Yêu cầu sử dụng Pencil để thiết kế giao diện trước khi viết code"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-cursor-rules",
      "repository": "https://github.com/weiyuanwen/vietsat",
      "path": ".cursor/rules/pencil-ui-design.mdc",
      "ref": "b9b5fac71c65cc5cb3d804befd0be3fc38506df3",
      "url": "https://github.com/weiyuanwen/vietsat/blob/b9b5fac71c65cc5cb3d804befd0be3fc38506df3/.cursor/rules/pencil-ui-design.mdc",
      "key": "weiyuanwen/vietsat/.cursor/rules/pencil-ui-design.mdc"
    }
  },
  "instructions": "# Thiết Kế Giao Diện Với Pencil\n\n## Quy Trình Bắt Buộc\n\nMỗi khi cần thiết kế giao diện (UI/UX), bạn PHẢI:\n\n1. **Sử dụng Pencil**: Vẽ giao diện bằng Pencil trước\n2. **Chờ duyệt**: Chờ user xem và duyệt thiết kế\n3. **Sau đó mới code**: Chỉ sau khi user approve mới bắt đầu implement\n\n## Khi Nào Áp Dụng\n\n- Thiết kế trang mới\n- Thay đổi layout\n- Thiết kế component\n- Tạo form, modal, dialog\n- Bất kỳ UI mới nào cần hiển thị cho user\n\n## Không Áp Dụng\n\n- Chỉnh sửa logic code không liên quan đến UI\n- Fix bug không thay đổi giao diện\n- Tối ưu performance\n- Các task không có yếu tố giao diện\n\n## Workflow",
  "cost": {
    "context_tokens": 183
  }
}

Fetch it by URL: GET /api/v1/registry/weiyuanwen-vietsat-pencil-ui-design-rule/manifest?version=1.0.0