
from skills-web-dev10
Rules-based visual UI design system covering colour, typography, spacing, layout, buttons, forms, and visual consistency — intended for production-grade UI work
Practical UI Design codifies a rules-based visual system for interface work: HSB/OKLCH colour guidance, type scales, spacing tokens, grids, button and form standards, WCAG contrast rules, and deliverable templates for audits and implementation guidance. It helps agents produce deterministic, reviewable UI outputs rather than ad hoc styling suggestions.
Load this skill when the task requires a deliberate design system, UI audits, typography and spacing decisions, or production-ready component guidance. Use alongside platform-specific implementation skills when delivering code or migrations for web or mobile UIs.
references/ deep-dive contains the detailed rules (colour systems, typography, layout math).Inferred compatibility: Claude Code, Codex and other design-aware assistants that can apply style rules, generate tokens, and author audit documents.
Practical UI Design is a rules-based visual UI design system covering colour, typography, spacing, layout, buttons, forms, and visual consistency. The SKILL.md body was unavailable (null in fetch, GitHub source returns 404), so only metadata (tags, short_description) could be reviewed. No bundled scripts. The skill appears to be a design-reference skill with no executable components, but the missing body prevents meaningful code quality or architecture assessment.
SKILL.md body was null from fetch.py and the GitHub source URL (peterbamuhigire/skills-web-dev) returns 404 — repo may have been deleted or moved. Scores for code_quality and architecture are low because no body could be examined. Security defaults high as no scripts or executable content present. Usefulness based on tags/description alone — UI design rules are moderately useful to a niche audience.
iOS Stability Solutions
Crash-prevention and production stability patterns for iOS apps — TDD, error handling, DI, and architecture guidance.
Practical UI Design (incomplete)
SKILL.md missing or empty — source file appears incomplete. Marked as failed and skipped to avoid creating a low-quality record.