# Refine Interface Code with a Clear UI Baseline

Inconsistent interface code creates visual, accessibility, and performance problems. This skill reviews UI work against focused rules and recommends concrete improvements.

## Install

```bash
npx skillstore add ibelick/baseline-ui
```

## Metadata

- Status: approved
- Slug: ibelick-baseline-ui
- Skillstore revision: r2
- Version status: missing
- Tree hash: 24fbd798fb76c213e892689845fc32729ffc6641cd1ec3147c1179cf407f9f2f
- Author: ibelick
- GitHub username: ibelick
- License: MIT
- Repository: https://github.com/ibelick/ui-skills/tree/main/skills/baseline-ui/
- Ref: c43861a65bb95efcae259cd161c9d6f4dc7eec6f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands, network
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/ibelick-baseline-ui
- Manifest: https://skillstore.pages.dev/api/skills/ibelick-baseline-ui/manifest

## Capabilities

- Reviews a specified UI file and lists exact violations with reasons and concrete fixes.
- Applies baseline constraints to UI work throughout a conversation.
- Checks project primitives, accessible controls, dialogs, error placement, and mobile viewport behavior.
- Evaluates animation properties, timing, reduced-motion support, and off-screen behavior.
- Checks typography, z-index, sizing, effects, empty states, and theme token usage.

## Use Cases

- Clean up a feature: Review a new interface before merging and receive focused corrections for layout, typography, interaction, and performance.
- Enforce component consistency: Compare feature code with established primitives, theme tokens, sizing rules, and layering conventions.
- Prepare an accessibility review: Identify likely issues with keyboard behavior, focus management, labels, destructive actions, and reduced motion.

## Prompt Templates

### Quick page review

```
Apply the baseline UI rules to this page. List important violations, explain each impact, and propose concise fixes.
```

### Focused file review

```
Review [file path] against every baseline UI constraint. Quote each relevant snippet, explain the issue, and give a code-level correction.
```

### Accessibility and motion pass

```
Audit [component files] for accessible primitives, focus behavior, destructive actions, motion performance, and reduced-motion support. Prioritize fixes by user impact.
```

### System-wide consistency review

```
Compare [feature files] with the existing component system and theme. Identify baseline violations, cross-file inconsistencies, and a staged remediation plan.
```

## Limitations

- Provides opinionated guidance that may conflict with an existing design system.
- Assumes Tailwind CSS and React-oriented libraries for several recommendations.
- Does not run accessibility tests, browser tests, or performance measurements by itself.
- Does not guarantee visual quality without rendered interface review and project context.

## Best Practices

- Provide targeted files and describe the intended user flow before requesting a review.
- Share the project's component library, theme rules, and intentional exceptions.
- Validate recommendations in the rendered interface, including keyboard and reduced-motion testing.

## Anti Patterns

- Do not apply every rule blindly when project requirements document a valid exception.
- Do not mix component primitive libraries within one interaction surface.
- Do not add motion, gradients, or custom styling without a clear product requirement.

## Security Audit

- Audited at: 2026-07-23T18:35:13.89\+00:00
- Summary: All 30 static findings are false positives caused by Markdown inline code, a documentation hyperlink, and ordinary UI terminology. SKILL.md contains frontend review guidance without executable scripts, network requests, system reconnaissance, credential access, or prompt injection. No semantic security findings were identified.

## Stats

- Views: 133
- Downloads: 31
- Favorites: 0
- Popularity score: 0