alfadocs-design-review

Official

Audit AlfaDocs UI compliance fast.

Authoralfadocs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams verify that an AlfaDocs app follows the approved design system instead of drifting into custom UI, broken theming, or inaccessible patterns.

Core Features & Use Cases

  • UI Kit Compliance Review: Checks that screens use AlfaDocs kit components rather than competing libraries or hand-built replacements.
  • Token and Theme Validation: Verifies token-based styling, theme wiring, and support for light, dark, and accessible themes.
  • Accessibility and Safety Checks: Flags unsafe HTML usage, overlay-handling issues, RTL-breaking CSS, and untranslated user-facing strings.
  • Use Case: Use this Skill when auditing a product screen before release to produce a clear list of blockers, warnings, and notes for the engineering team.

Quick Start

Review the AlfaDocs app against the design-system checklist and report any blockers, warnings, and notes with file-level citations.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: alfadocs-design-review
Download link: https://github.com/alfadocs/ai-harness-instructions/archive/main.zip#alfadocs-design-review

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.