frontend-review
Use when reviewing frontend UI, UX, accessibility, responsiveness, visual quality, and implementation risks.
Skill by xmindlab-heicode
Chalk Labs
Need help deploying frontend-review?
Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/xmindlab-heicode-frontend-review
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/frontend-review
What's inside
- Skill name
frontend-review- Description
- Use when reviewing frontend UI, UX, accessibility, responsiveness, visual quality, and implementation risks.
- License
- MIT
- Instructions
- 35 lines in SKILL.md · view on GitHub
Files (3)
- SKILL.md
- heicode.skill.json
- checklist.md · references/
SKILL.md (first lines)
# Frontend Review Review frontend changes from user experience and implementation perspectives. ## Workflow 1. Identify the user task and target screens. 2. Inspect layout, hierarchy, copy, states, and responsive behavior. 3. Check accessibility: keyboard navigation, focus, labels, contrast, and semantics. 4. Check implementation risk: state flow, data fetching, errors, loading states, and hydration issues. 5. Report concrete issues with screenshots or file references when available. ## Quality Bar - UI should communicate the primary action clearly. - Empty, loading, error, and disabled states must be intentional. - Mobile layout must not be a squeezed desktop layout. - Visual design should follow the product system unless the task asks for a new direction. - Animations should clarify state, not decorate noise. ## Output ```text Findings - [severity] screen/file - issue and fix. UX Notes - High-impact improvements, if any. Verification - Browser/device/state coverage checked. ```
From xmindlab-heicode/heicode-sk-hub, MIT.
More from xmindlab-heicode/heicode-sk-hub
- 0.518score
platform-rules
xmindlab-heicode
Use in HeiCode runtimes to apply shared gateway, secret-safety, approval, and change-discipline rules.
SkillBFreshness: BClaude Code +9 - 0.479score
code-review
xmindlab-heicode
Use when reviewing code changes for bugs, regressions, security risks, performance issues, maintainability risks, and missing tests.
SkillCFreshness: CClaude Code +9 - 0.479score
api-design
xmindlab-heicode
Use when designing or reviewing API contracts, authentication boundaries, error models, pagination, idempotency, and versioning.
SkillCFreshness: CClaude Code +9 - 0.479score
pr-summary
xmindlab-heicode
Use when preparing pull request descriptions, change summaries, validation notes, risks, release notes, or reviewer context.
SkillCFreshness: CClaude Code +9 - 0.479score
pricing-copywriter
xmindlab-heicode
Use when drafting pricing pages, billing explanations, plan comparison copy, enterprise plan text, or usage accounting policy.
SkillCFreshness: CClaude Code +9 - 0.479score
security-review
xmindlab-heicode
Use when reviewing authentication, authorization, secret handling, trust boundaries, supply-chain risk, and data exposure.
SkillCFreshness: CClaude Code +9 - 0.478score
docs-generate
xmindlab-heicode
Use when generating or updating user-facing documentation, developer guides, API docs, runbooks, or operational notes.
SkillCFreshness: CClaude Code +9 - 0.478score
incident-debug
xmindlab-heicode
Use when investigating production incidents, regressions, outages, failed integrations, or unexpected behavior.
SkillCFreshness: CClaude Code +9 - 0.476score
deployment-check
xmindlab-heicode
Use before or after deployment to verify artifacts, environment variables, service health, rollback readiness, and public endpoints.
SkillCFreshness: CClaude Code +9 - 0.449score
test-fix
xmindlab-heicode
Use when tests fail or a bug needs a minimal verified fix with root-cause analysis.
SkillCFreshness: CClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- May 13, 2026 (5 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from xmindlab-heicode
- 0.518score
platform-rules
xmindlab-heicode
Use in HeiCode runtimes to apply shared gateway, secret-safety, approval, and change-discipline rules.
SkillBFreshness: BClaude Code +9 - 0.479score
code-review
xmindlab-heicode
Use when reviewing code changes for bugs, regressions, security risks, performance issues, maintainability risks, and missing tests.
SkillCFreshness: CClaude Code +9 - 0.479score
api-design
xmindlab-heicode
Use when designing or reviewing API contracts, authentication boundaries, error models, pagination, idempotency, and versioning.
SkillCFreshness: CClaude Code +9 - 0.479score
pr-summary
xmindlab-heicode
Use when preparing pull request descriptions, change summaries, validation notes, risks, release notes, or reviewer context.
SkillCFreshness: CClaude Code +9 - 0.479score
pricing-copywriter
xmindlab-heicode
Use when drafting pricing pages, billing explanations, plan comparison copy, enterprise plan text, or usage accounting policy.
SkillCFreshness: CClaude Code +9 - 0.479score
security-review
xmindlab-heicode
Use when reviewing authentication, authorization, secret handling, trust boundaries, supply-chain risk, and data exposure.
SkillCFreshness: CClaude Code +9
Done for you
Rather not set it up yourself?
Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.
See how we build AI agents →Read the case studies
Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.
- launches shipped
- 50+
- launches shipped
- media placements
- 500+
- media placements
- founders on every account
- 2
- founders on every account
Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block
Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.
Get frontend-review running in your business
Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.
Cite this page
frontend-review skill. Agent Mart. https://agentmart.dev/skills/xmindlab-heicode-frontend-review (last updated 2026-10-24)