跳到正文
cccskills
免费在 GitHub 公开

ui-crud-discipline

Narrow CRUD add-on to ui-ux-system. Use for admin, settings, list, table, record-editor, and notification-management interfaces after loading ui-ux-system; its people-naming, admin-scope and email rules now live in ui-ux-system/references/crud-flows.md.

中文简介正在准备中。当前显示原文说明。

查看安装方法

包含的文件(1)

  • SKILL.md2.7 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

UI CRUD Discipline

Before CRUD work, read the ui-ux-system skill (~/.agents/skills/ui-ux-system/SKILL.md), which is authoritative for shared behavior and presentation, and its references/crud-flows.md, which now holds the canonical people-naming, admin-scope, and email/notification rules below. This skill stays as a narrow CRUD checklist.

When authoring or reviewing FRAC, use the mandatory Given / When / Then templates in distr/seed-corpus-pack/03-done-states-frac/FRAC-TEMPLATE.md. The feature is incomplete until every applicable criterion passes.

People and names

  • Display a person's full name as first_name last_name. Use email only as secondary information or as a fallback when the full name is missing.
  • Put First name before Last name unless the product explicitly targets a locale with a different naming convention.
  • Use one Name or Full name column when users identify or select people.

Operational admin scope

  • Expose only records administrators routinely manage. Hide sessions, tokens, reset requests, audit internals, join tables, and other implementation records unless an identified workflow requires access.
  • Group non-trivial forms into task-oriented fieldsets. Put identity and primary fields first, operational fields next, advanced or machine-owned data later, and read-only history last.
  • Keep table cells read-only and put permitted record actions in one accessible Actions column.
  • Do not expose raw JSON, internal IDs, tokens, hashes, or provider responses in the primary editing flow. Put necessary diagnostics in a read-only advanced or history area.
  • For irreversible operations, keep the exact record, scope, consequence, permission, progress, and audit outcome visible.

Email and notifications

  • Route application email through one delivery utility and editable templates with stable event keys. Keep plain-text and HTML bodies.
  • Seed templates only for real product events.
  • Use the same event definition for in-app and email notifications when both channels exist.
  • Keep delivery logs read-only, validate template syntax before saving, and redact secure links and secrets.

Completion

  • Verify the ui-ux-system Definition of Done - UI (section 10) and every applicable FRAC criterion.
  • Search for last-name-first ordering, email-first identity displays, exposed implementation records, and unscoped diagnostics.
  • Inspect the final desktop and mobile views after the last change.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards. Use this skill to generate semantic ARIA for Web and accessibility traits for Web and Native platforms (iOS/Android).

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

Whole site or product — a full web accessibility (a11y) audit against WCAG 2.2, following the WCAG-EM methodology. Defines scope, samples representative pages and flows, runs the automated tier (`accessibility-scan`) and the hands-on manual tier (`accessibility-inspect`), and produces one conformance report. Grades each finding by severity and evidence basis, and states per-criterion conformance as pass, fail, or undetermined (needs a human). Use it for 'audit my site for accessibility', 'is this product accessible', 'a11y audit', 'WCAG or Section 508 conformance report', or any multi-page assessment. Assesses; does not fix (use `accessibility-fix`) or diff (use `accessibility-diff`). For a single page use `accessibility-scan`; for hands-on keyboard and screen-reader checks use `accessibility-inspect`.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

Regression check — diff a live page's web accessibility (a11y) violations against a baseline. By default it compares your uncommitted changes (stash-based); pass `--branch [<name>]` to compare against a branch. Reports the new WCAG violations introduced, the ones fixed, and the count of pre-existing ones. Use it for 'did my change break accessibility', 'what a11y issues did this PR add', or as a CI gate. For a full scan of one page use `accessibility-scan`; for a whole site use `accessibility-audit`.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

Remediation only — repair web accessibility (a11y) violations against WCAG 2.2 with a baseline, edit, and verify loop. Takes a target (URL, files, directory) or a findings worklist from `accessibility-scan`/`accessibility-inspect`/`accessibility-audit`, applies mechanical fixes as given, leaves TODOs for visual or contextual judgment, and verifies by re-running the baseline check. It only fixes. To find issues use `accessibility-scan` (one page, automated), `accessibility-inspect` (one page, manual), or `accessibility-audit` (whole site, WCAG-EM); to check for regressions use `accessibility-diff`. Use it for 'fix the a11y issues in X', 'make this accessible', 'add missing alt text and labels', 'apply these accessibility fixes', 'remediate these violations'.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states from the accessibility tree, reflow and zoom, reduced motion, form errors, and target size. Grades each finding by evidence basis (verified / confirm-with-a-human / human-required) and severity, and closes every criterion in a ledger: verified, flagged, not exercised, or N/A. Locates and assesses; does not fix (use `accessibility-fix`). Use it for keyboard testing, focus-order checks, screen-reader or a11y-tree review, reflow and zoom at 200%, or 'is this operable, not just lint-clean'. The automated tier is `accessibility-scan`; `accessibility-audit` runs both across a sampled site.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

One page, automated tier — run the web accessibility (a11y) rule engine against a live page and locate every violation it can detect mechanically. Pass a URL, a config target name (e.g. `accesslint:accessibility-scan dev`), or nothing to use the default target from `accesslint.config.json`. Ensures a debuggable Chrome, runs the @accesslint/core engine over CDP, and returns a worklist of live-DOM WCAG 2.2 violations, each grounded to its DOM selector and source `file:line`. Locates; doesn't edit. Use it for 'is this page accessible', 'check a11y on this URL', 'find contrast and alt-text issues', or to verify a UI change. For hands-on keyboard and screen-reader checks use `accessibility-inspect`; for a whole site or product use `accessibility-audit`; to diff against uncommitted changes or a branch use `accessibility-diff`.

中文简介正在准备中。当前显示原文说明。

tensology/decisionsai172026年10月23日 更新

查看 tensology 的全部技能

报告此技能的问题