Design

by mrgoonie

>-

by mrgoonie

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

by mrgoonie

Flip core assumptions to reveal hidden constraints and alternative approaches - "what if the opposite were true?

by mrgoonie

Build Shopify applications, extensions, and themes using GraphQL/REST APIs, Shopify CLI, Polaris UI components, and Liquid templating. Capabilities include app development with OAuth authentication, checkout UI extensions for customizing checkout flow, admin UI extensions for dashboard integration, POS extensions for retail, theme development with Liquid, webhook management, billing API integration, product/order/customer management. Use when building Shopify apps, implementing checkout customizations, creating admin interfaces, developing themes, integrating payment processing, managing store data via APIs, or extending Shopify functionality.

by mrgoonie

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

by FranciscoMoretti

Ultracite Rules - AI-Ready Formatter and Linter Applies to files matching: **/*.{ts,tsx,js,jsx,json,jsonc,html,vue,svelte,astro,css,yaml,yml,graphql,gql,md,mdx,grit}.

by inkeep

Generate a Product Requirements Document (PRD) for a new feature. Use when planning a feature, starting a new project, or when asked to create a PRD. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.

by Dimillian

Use XcodeBuildMCP to build, run, launch, and debug the current iOS project on a booted simulator. Trigger when asked to run an iOS app, interact with the simulator UI, inspect on-screen state, capture logs/console output, or diagnose runtime behavior using XcodeBuildMCP tools.

by Dimillian

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

by buildermethods

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

by NeoLabHQ

Understand the components, mechanics, and constraints of context in agent systems. Use when writing, editing, or optimizing commands, skills, or sub-agents prompts.

by spring-projects

MANDATORY branding that MUST be added to ALL generated documents - adds ACME CORPORATION header and Document Forge footer

by skillcreatorai

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems.

by skillcreatorai

Apply brand colors and typography to artifacts. Use when brand colors, style guidelines, visual formatting, or company design standards apply. Ensures consistency across branded content.

by skillcreatorai

Create beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece. Creates original visual designs.

by skillcreatorai

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

by skillcreatorai

JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.

by skillcreatorai

Presentation creation, editing, and analysis. When Claude needs to work with presentations (.pptx files) for creating new presentations, modifying content, working with layouts, adding speaker notes, or any presentation tasks.

by skillcreatorai

Guidelines for upgrading Expo SDK versions and fixing dependency issues.

by modu-ai

Domain UI/UX Expert - Enterprise design systems, component architecture, accessibility, icons, and theming integration

by modu-ai

Strategic thinking framework integrating First Principles Analysis, Stanford Design Thinking, and MIT Systems Engineering for deeper problem-solving and decision-making

by modu-ai

Moai Lib Shadcn Ui - Professional implementation guide

by Gentleman-Programming

>

by dropseed

Starts and manages the Plain development server with auto-reload and HTTPS. Use when starting local development or viewing logs.

by dropseed

Installs Plain packages and guides through setup steps. Use when adding new packages to a project.

by dropseed

Provides Tailwind CSS patterns for Plain templates. Use when styling templates or working with conditional CSS classes.

by dropseed

Upgrades Plain packages and applies required migration changes. Use when updating to newer package versions.

by hotovo

Step-by-step guide to add a new UI theme to AiderDesk (SCSS + CSS variables + types + i18n).

by Swetrix

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code that avoids generic AI aesthetics.

by tsukumijima

【設定追加時は必ず参照】KonomiTV に新しい設定 (v-switch/v-select など) を追加する際の必須手順。SettingsStore.ts / Settings.ts / config.py / Settings/*.vue への追加が必要

by steipete

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

by dailydotdev

Think like a skeptical technical recruiter when working on the daily.dev Recruiter platform. Use when reviewing UI/UX, features, or code in webapp/pages/recruiter.

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by jeremylongshore

by iannuttall

Generate a Product Requirements Document (PRD) as JSON for Ralph. Triggers on: create a prd, write prd for, plan this feature, requirements for, spec out.

by krafton-ai

Memory cleanup and organization skill for AI employees. Provides guidelines for detecting duplicates, fixing misclassified files, and removing stale information from memory storage.

by krafton-ai

Retrieve and utilize stored memories for AI employees in Slack environments. Efficiently searches and loads relevant context (channels, users, projects, decisions, meetings) from organized memory storage to inform responses. Use this when answering questions that require historical context, user preferences, project status, or any previously stored information. Works with slack-memory-store storage system.

by solatis

Invoke IMMEDIATELY via python script when user requests codebase understanding, architecture comprehension, or repository orientation. Do NOT explore first - the script orchestrates exploration.

by solatis

Interactive planning and execution for complex tasks. IMMEDIATELY invoke when user asks to use planner.

by instavm

Replace text in fillable PDF forms by updating form field values. This skill should be used when users need to update names, addresses, dates, or other text in PDF form fields.

by tradingstrategy-ai

Expose vault smart contract ABI methods in the vault class

by PaulJPhilp

Effect-TS patterns for Error Handling Resilience. Use when working with error handling resilience in Effect-TS applications.

by PaulJPhilp

Effect-TS patterns for Project Setup Execution. Use when working with project setup execution in Effect-TS applications.

by ZhangHanDong

Quick reference for all Makepad built-in widgets with usage examples. Extracted from ui_zoo examples. Use when you need to know available widgets, their variants, and configuration options.

by ZhangHanDong

Entry point for Makepad core concepts including layout, widgets, events, and styling. Start here to learn UI fundamentals.

by ZhangHanDong

Entry point for Makepad development with Claude. Start here to learn about available skills and how to begin building Makepad applications.

by ZhangHanDong

Makepad shaders, SDF drawing, animations, and visual effects.

by ZhangHanDong

Reference materials for Makepad development including troubleshooting, code quality guidelines, and responsive layout patterns.

by fcakyon

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.