AgentStack
Browse Sign in
Browse Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Audit Frontend Design

skill-memi-design-memi-audit-frontend-design · by memi-design

Use when reviewing or changing a React, Next.js, Tailwind, or shadcn interface and you need evidence-backed findings for accessibility, hierarchy, tokens, states, and responsive design before editing code.

↗ Website ↗ Repository
— No reviews yet
0 installs
16 views
0.0% view→install

Install

$ agentstack add skill-memi-design-memi-audit-frontend-design

✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

View the full security report →

Verified badge

Passed review? Show it. Paste this badge into your README, it links to the public security report.

AgentStack Verified badge Links to your public security report.
[![AgentStack Verified](https://agentstack.voostack.com/badges/verified.svg)](https://agentstack.voostack.com/security/report/skill-memi-design-memi-audit-frontend-design)

Reliability & compatibility

✓ Security review passed
0 installs to date
— no reviews yet
● 15d ago

Declared compatibility

Claude CodeClaude Desktop

Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.

Preview Execution monitoring

We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.

How agent discovery & health will work →
Are you the author of Audit Frontend Design? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Audit Frontend Design

Audit the real source tree before proposing UI changes. Memi's checks are deterministic and file-anchored; no Figma connection or background process is required.

Run The Audit

From the repository root:

npx -y @memi-design/cli@2.6.4 diagnose . --json --no-write --fail-on none

For UX behavior and visual craft detail, run only the relevant follow-up:

npx -y @memi-design/cli@2.6.4 ux audit . --json --no-write
npx -y @memi-design/cli@2.6.4 craft audit . --json --no-write

Use --screenshot with craft audit when the user provides a rendered screen.

Workflow

  1. Read repository instructions and identify the requested route or component.
  2. Run diagnose before broad UI edits.
  3. Group findings by user impact, not by checker name.
  4. Verify each proposed fix against the cited file and local design tokens.
  5. Implement only fixes relevant to the user's request.
  6. Re-run the same command and report the score and remaining findings.

Output

Lead with actionable findings:

| Priority | Evidence | Change | | --- | --- | --- | | High | path/to/file.tsx:line and rule id | Specific code-level fix |

Include the command run, before/after score, files changed, and unresolved risks. Never replace source evidence with generic taste advice.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet, be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Content & Media