148 مهارات
🎨

frontend-design

آمن 70

Design 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.

Claude Codex Code(CC)
تثبيت
🎨

canvas-design

آمن 69

Create 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.

Claude Codex Code(CC)
تثبيت
🎨

landing-page-design

آمن 71

Design 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.

Claude Codex Code(CC)
تثبيت
📦

css-development-create-component

آمن 70

Create 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.

Claude Codex Code(CC)
تثبيت
📸

snapdom

آمن 71

Convert 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.

Claude Codex Code(CC)
تثبيت
🎨

frontend-design

آمن 71

Create 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.

Claude Codex Code(CC)
تثبيت
🎨

tailwind-patterns

آمن 70

Apply 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.

Claude Codex Code(CC)
تثبيت
🎨

create-svg-from-prompt

مخاطر منخفضة 63

Create 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.

Claude Codex Code(CC)
تثبيت