frontend-design
آمن 70Design distinctive production-grade frontend interfaces
بواسطة 7Spade
Generic AI-generated frontend code often looks the same and lacks creative character. This skill guides the creation of unique, memorable interfaces with bold aesthetic choices, proper typography, cohesive color themes, and polished visual details.
canvas-design
آمن 69Create Visual Art with Design Philosophy
بواسطة 7Spade
Users struggle to create original, museum-quality visual designs that require deep design knowledge and typography expertise. This skill generates sophisticated visual art using curated fonts and design philosophy principles, producing original PNG and PDF outputs.
landing-page-design
آمن 71Design high-converting landing pages
بواسطة 2389-research
AI-generated landing pages often look generic with purple gradients and recycled patterns. This skill enforces unique visual identity through Vibe Discovery, creating pages that stand out and convert better than templates.
css-development-create-component
آمن 70Create CSS Components with Best Practices
بواسطة 2389-research
Building consistent, maintainable CSS components requires following established patterns and conventions. This skill guides you through creating components with semantic naming, Tailwind composition, dark mode support, and comprehensive test coverage.
snapdom
آمن 71Convert HTML Elements to Images
بواسطة 2025Emma
Need to capture styled DOM elements as images? SnapDOM provides fast, accurate DOM-to-image conversion with support for SVG, PNG, JPG, and WebP formats while preserving fonts, pseudo-elements, and CSS effects.
frontend-design
آمن 71Create distinctive frontend interfaces with bold design
بواسطة 1bertogit
This skill helps you build production-grade web interfaces with memorable aesthetics. It guides creative choices for typography, color, motion, and layout to avoid generic AI-generated designs.
tailwind-patterns
آمن 70Apply Tailwind CSS patterns instantly
بواسطة 0xDarkMatter
Developers waste time searching Tailwind utility class documentation. This skill provides instant access to responsive breakpoints, component patterns, and configuration examples directly in your workflow.
create-svg-from-prompt
مخاطر منخفضة 63Create SVG Images from Text Prompts
بواسطة 0x6a77
This skill generates scalable vector graphics from natural language descriptions. Users describe what they want to see, and the skill uses AI to create SVG files.