frontend-design-pro前端设计质量提升 skill。让 AI 生成的 UI/前端代码更专业，避免常见设计反模式。 参考 impeccable 项目的设计语言规范，提供 audit/polish/critique 等设计审查命令。 触发词：/audit /polish /critique /colorize /animate /bold...
Install via ClawdBot CLI:
clawdbot install antonia-sz/frontend-design-proGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/pbakaus/impeccableAudited Apr 16, 2026 · audit v1.0
Generated Mar 20, 2026
A startup building a SaaS platform needs to improve its user interface to stand out from competitors. This skill helps apply modern design principles like OKLCH colors and modular typography, ensuring the UI is both aesthetically pleasing and functional across devices.
An online retailer wants to refresh its product pages to boost conversions and user engagement. The skill audits for accessibility issues, optimizes spacing for better readability, and adds subtle animations to guide user interactions without overwhelming them.
A mobile app development team is creating prototypes and needs consistent design feedback. This skill critiques UX clarity, ensures responsive layouts, and polishes components like buttons and forms to meet industry standards for usability and appeal.
A large corporation is establishing a unified design system across multiple digital products. The skill helps normalize components, enforce color and typography rules, and harden designs with error handling to maintain brand consistency and scalability.
A freelance designer or developer is building a personal portfolio site to showcase work. The skill assists in applying bold visual elements, distilling content for clarity, and adding delightful details to create a memorable and professional online presence.
Offer basic design audits and critiques for free to attract users, then charge for advanced features like automated polishing, detailed reports, or integration with popular design platforms. Revenue comes from subscription tiers and enterprise licenses.
Web design and development agencies use this skill to streamline their workflow, providing faster and more consistent client deliverables. Revenue is generated through increased project efficiency, allowing agencies to handle more clients or offer premium design packages.
Partner with online learning platforms to include this skill in courses on frontend development or UI/UX design. Revenue is earned through licensing fees, affiliate sales, or a share of course enrollments, targeting students and professionals seeking practical skills.
💬 Integration Tip
Integrate this skill into existing design tools or code editors via plugins to automate audits and suggestions, reducing manual review time and ensuring consistency across projects.
Scored Apr 19, 2026
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Curated collection of professional color and typography themes for styling artifacts — slides, docs, reports, landing pages. Use when applying visual themes to presentations, generating themed content, or creating custom brand palettes. Triggers on theme, color palette, font pairing, slide styling, presentation theme, brand colors.
Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.