frontend-design-pro
Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
103 skills found
Build $50k-grade frontend interfaces with production-ready code, professional typography, and high-fidelity image integration.
Generate complete, accessible colour systems from a single hex. Includes 11-shade scales (50-950), semantic tokens, dark mode variants, and Tailwind v4 CSS output.
Generate a full suite of favicon files and web manifests from logos, text, or brand colors, ensuring perfect compatibility across all browsers and iOS/Android devices.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.
Build complete UI screens by composing multiple uxscii components. Use when you need to create, scaffold, or build .uxm screens like login, dashboard, profile, settings, or checkout pages.
A toolkit for writing clear, accessible, and concise content. Applies Plain Language Movement principles including active voice, sentence shortening, and jargon elimination for improved reader comprehension.
Validate and enforce consistent markdown document structure, including YAML frontmatter positioning, correct heading hierarchy, and logical content organization for Obsidian vaults.
Designer's eye QA: detects and automates fixes for visual inconsistencies, spacing, hierarchy, and UI polish issues. Iteratively verifies with before/after screenshots.
AI-driven web testability assessment using 10 core principles. Evaluates observability, controllability, and stability via Playwright and Vibium to identify testing bottlenecks and improve quality readiness.
Optimize non-signup forms to increase conversion rates. Includes lead capture, contact, demo, application, and survey forms.
Master Material Design 3 and Jetpack Compose for native Android UI development. Build adaptive, accessible interfaces using Google's latest standards.
Technical specification and structural guidelines for the project's single-file HTML/CSS/JS presentation system.