Design skills

This skill converts PRD or story into complete page and component designs with ASCII layouts, interaction flows, and frontend implementation prompts.

This skill generates professional studio or lifestyle backgrounds tailored to product aesthetics and brand positioning for compelling e-commerce visuals.

This skill helps you design and optimize prompts, select models, and craft few-shot examples for reliable, cost-efficient production AI agents.

This skill helps you implement design tokens and theming in SCSS modules using a two-tier system for consistent UI across apps.

This skill guides you to understand product requirements and build interactive frontend pages that deliver a polished user experience.

This skill helps you review UI code for accessibility, ensuring screen readers, keyboard navigation, color contrast, and semantic structure meet WCAG

This skill helps you design beautiful, accessible interfaces with cohesive theming, color harmony, and Tailwind-powered implementation guidance.

This skill helps you implement and integrate a typesafe-rpc workflow in Node/TypeScript by generating end-to-end typed client and server.

This skill animates a single image into a video using Veo 3.1, creating dynamic motion and optional audio up to 8 seconds.

This skill generates dense visual keyword strings to optimize fuzzy search and recall for images, media, and typography.

This skill guides a deep, structured interview to produce a detailed spec file for any project by clarifying goals, constraints, and tradeoffs.

This skill helps you design and review proper layer boundaries and dependency flow in the fund-portfolio-bot, enforcing cli → flows → data.

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

This skill generates customizable PNG icons with text and color options, enabling quick app icons, placeholders, or simple graphics.

This skill generates UI screens from text prompts, exports to React components, and creates DESIGN.md design systems to accelerate UI workflows.

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

This skill provides direct operational critique from a multi-plant automotive perspective, enforcing first-principles problem solving and manufacturability

This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.

This skill guides you through a complete Godot TDD workflow, from design to tests and verification, ensuring code quality.

This skill provides independent architecture reviews and code feedback from an advisor-level expert to sharpen designs and quality.

This skill analyzes component and page accessibility checks for semantic HTML, keyboard access, ARIA, focus, and contrast to improve user experience.