Design skills

This skill guides Sanity developers in GROQ performance, schema design, and integration to optimize content workflows.

This skill converts Figma frames into production-ready React, Vue, or HTML/CSS components using MCP mappings and design tokens.

This skill describes Atomic Design fundamentals, quarks, atoms, molecules, organisms, templates, pages and how to structure scalable design systems.

This skill helps you implement Phoenix Framework patterns with context design, controllers, and plugs to build scalable Elixir apps.

This skill helps you assemble mood boards by sourcing inspirations, defining palettes, and organizing layouts for creative campaigns.

This skill explains and demonstrates myfy dependency injection with scopes, providers, and route integration to improve modularity and testability.

This skill helps you integrate server-side rendering with Tailwind, DaisyUI, and Vite in frontend modules for seamless templates and static asset handling.

This skill helps you design and integrate modular Python applications with the myfy module protocol, lifecycle phases, and extension patterns.

This skill guides you in crafting effective Nano Banana Pro prompts by clarifying intent and applying proven prompting techniques.

This skill generates professional, interactive SEO and GEO reports across formats, visualizations, and templates to inform strategy and decision making.

This skill guides you toward modern, production-ready Python by enforcing typing, LBYL, pathlib, and ABC patterns across projects.

This skill converts article content into ASCII PPT frames, generates themed images, and compiles a complete presentation for rapid delivery.

This skill helps you compose cohesive brand guidelines, UI/UX patterns, and themed assets, accelerating design consistency across projects.

This skill analyzes a Markdown article, generates per-paragraph illustration prompts, batches image creation via Gemini API, and inserts images into Obsidian.

This skill polishes your story, splits it into storyboard frames, selects a compatible visual style, and generates consistent, ready-to-use storyboards.

This skill helps you create a fully configured batch image generation Skill through guided questions, generating complete files and prompts automatically.

This skill batch-generates 10 professional logo variants from brand description or image reference, offering 7 styles and saving results to Obsidian.

This skill guides you through installing, configuring, and using Element Plus with Vue 3, including theming and API reference.

This skill generates high-quality hand-drawn or standard images from user prompts, with smart prompt optimization and auto-save features.

This skill provides guidance on clean architecture, outlining layer separation, dependency rules, and architectural patterns to structure robust applications.

This skill helps you build Flutter apps by guiding widgets, state management, navigation, and platform integration with practical best practices.