designerCreate logos, interfaces, and visual systems with principles of hierarchy, branding, and usability.
Install via ClawdBot CLI:
clawdbot install ivangdavila/designerGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 1, 2026
A tech startup needs a complete visual identity including logo, color palette, and typography for their new app. The designer applies logo simplicity rules, selects 3-5 brand colors, and ensures consistency across touchpoints to build early recognition.
An online retailer wants to improve user experience and visual hierarchy on their product pages. The designer uses the 60-30-10 color rule, establishes a clear focal point per screen, and implements an 8px grid for consistent spacing to boost conversions.
A healthcare company is building a patient portal app requiring accessible design. The designer ensures touch targets are at least 44px, maintains a 4.5:1 contrast ratio for text, and designs all states (loading, error) following mobile-first principles.
A large enterprise needs a scalable design system for their internal tools. The designer creates reusable components with tokens for colors and spacing, documents usage guidelines, and tests with five users to catch usability issues early.
A food and beverage company launches a new product line requiring logo and packaging that works at small scales and on various backgrounds. The designer tests logos in one color and on dark/light backgrounds, ensuring recognizability and brand consistency.
Offer one-off or retainer-based design projects for clients needing logos, interfaces, or branding. Revenue comes from hourly rates or fixed project fees, with potential for upselling ongoing maintenance or design system development.
Develop and sell a software tool that automates design tasks like color palette generation or layout grids based on the skill's principles. Revenue is generated through monthly or annual subscriptions from individual designers or teams.
Run an agency focusing on specific industries like tech or healthcare, providing end-to-end design services from branding to UX. Revenue streams include client retainers, project contracts, and consulting fees for design system implementation.
💬 Integration Tip
Integrate this skill by using it to generate design guidelines or mockups in tools like Figma or Sketch, ensuring all outputs follow the specified rules for consistency and accessibility.
Scored Apr 19, 2026
UI/UX design intelligence and implementation guidance for building polished interfaces. Use when the user asks for UI design, UX flows, information architecture, visual style direction, design systems/tokens, component specs, copy/microcopy, accessibility, or to generate/critique/refine frontend UI (HTML/CSS/JS, React, Next.js, Vue, Svelte, Tailwind). Includes workflows for (1) generating new UI layouts and styling, (2) improving existing UI/UX, (3) producing design-system tokens and component guidelines, and (4) turning UX recommendations into concrete code changes.
Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token architecture, components, and motion. Use when starting a new design system or refactoring an existing one. Triggers on create design system, design tokens, design system setup, visual identity, theming.
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
AI UI prototyping powered by CellCog. Interactive HTML prototypes, wireframes, app mockups, landing pages, mobile screens, SaaS dashboards, design systems, u...
Design clear, consistent, and visually polished user interfaces.
Interact with Figma files to read structure, export layers as images, and retrieve comments using the Figma REST API with authentication.