Nuxt Skills helps developers to efficiently build and optimize Vue.js applications with streamlined workflows. Unlock faster deployment and enhanced performance while leveraging best practices in your projects.
npx skills add sh/onmaxNuxt Skills is a design-focused AI agent skill that helps developers build and optimize Vue.js applications with streamlined workflows. It enables faster deployment cycles and improved application performance by incorporating best practices into development processes. This skill is owned by sh and targets developers looking to enhance their Vue.js project efficiency.
["Prepare your file: Open [IMAGE_FILE] in Affinity Photo and ensure it’s in the correct color space (sRGB for web, Adobe RGB for print).","Plan your edits: Define [PROJECT_GOAL] (e.g., 'social media post', 'print campaign') and [SPECIFIC_TASKS] (e.g., 'remove blemishes', 'enhance contrast'). Use the 'Develop Persona' for RAW files to apply initial corrections like exposure and white balance.","Apply non-destructive edits: Use adjustment layers (e.g., 'Levels', 'HSL') and live filters (e.g., 'High Pass') instead of direct edits. For retouching, duplicate the layer and work on a new pixel layer to preserve the original.","Refine details: Use the 'Refine Edge' workspace for complex selections (e.g., hair), and tools like 'Clone Stamp' or 'Spot Healing' for blemishes. For creative effects, experiment with 'Blend Modes' (e.g., 'Overlay' for texture) or 'Liquify' for subtle adjustments.","Export strategically: Choose [FORMAT] (e.g., JPEG for web, TIFF for print) and set [RESOLUTION] (e.g., 72 DPI for web, 300 DPI for print). Save a layered .afpub file for future edits and a flattened version for sharing."]
Rapid development of Vue.js applications
SEO optimization for web projects
Improved site performance and load times
npx skills add sh/onmaxgit clone https://github.com/sh/onmaxCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
Optimize the [IMAGE_FILE] in Affinity Photo for [PROJECT_GOAL]. Focus on [SPECIFIC_TASKS] while maintaining non-destructive editing workflows. Use [BRUSHES/TOOLS] for [EFFECT] and apply [ADJUSTMENT_LAYERS/FILTERS] to achieve [DESIRED_OUTCOME]. Export the final file in [FORMAT] with [RESOLUTION] and [COLOR_PROFILE].
I optimized the 'winter_landscape.jpg' file for a high-end travel blog post focusing on color grading and selective sharpening. Using the 'Frequency Separation' brush set, I smoothed skin textures on the foreground subject while preserving fabric details on the winter coat. I applied a 'Color Balance' adjustment layer to enhance the cool blue tones in shadows and added a 'Curves' adjustment layer to brighten midtones without clipping highlights. The 'High Pass' filter sharpened edges of snowflakes and architectural details in the background, while the 'Liquify' tool subtly adjusted the model's posture for better composition. A 'Vibrance' adjustment layer boosted saturation in muted areas (sky, clothing) by +15% without oversaturating skin tones. I exported the final file as a 300 DPI TIFF with sRGB color profile, preserving all adjustment layers in an .afpub file for future edits. The result was a 22% increase in perceived sharpness and a cohesive color palette that aligned with the blog's aesthetic.
Streamline talent acquisition with collaborative tools and customizable interview processes.
Visualize user engagement with heatmaps and optimize designs through A/B testing.
Digital product design platform featuring collaborative tools, prototyping, and user feedback.
Create and collaborate on interactive animations with powerful, user-friendly tools.
Create interactive prototypes with real-time collaboration and extensive component libraries.
Async video messaging for workplace communication
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan