MCP App StoreMCP App Store
from ordinary-claude-skills243
Generate production-grade, visually striking web interfaces that avoid generic AI aesthetics through bold design choices.
This skill transforms the agent from a generic code generator into a professional frontend designer. It focuses on creating distinctive, production-ready interfaces by emphasizing intentional aesthetics, unique typography, and sophisticated spatial composition.
Activate this skill whenever the user requests a new web component, a full page, or a complete application where visual quality and brand identity are critical. Use it to avoid 'AI slop'—the predictable, generic look common in LLM-generated code.
Optimized for Claude (Claude Code, Claude.ai) and any LLM capable of writing high-quality React, Vue, or vanilla HTML/CSS/JS.
This skill has not been reviewed by our automated audit pipeline yet.
Bats Testing Patterns
Practical patterns and examples for writing maintainable unit tests for shell scripts using Bats (Bash Automated Testing System).
Bats Testing Patterns
Guidance and patterns for writing production-grade shell tests using Bats (Bash Automated Testing System) for CI/CD and TDD workflows.
MatchMS
Python library for mass spectrometry data processing: import/export mzML/MGF/MSP, filter and harmonize metadata, compute spectral similarity (cosine & modified
Bats Testing Patterns
Guidance and patterns for writing production-grade shell tests using Bats (Bash Automated Testing System) — fixtures, assertions, setup/teardown, and CI integra
Writing Hookify Rules
Guidelines and examples for authoring Hookify rule files (.claude/hookify.*.local.md) that detect patterns (bash, file, prompt, stop) and surface warnings or bl
Clojure REPL Development
Guides REPL-driven Clojure/ClojureScript development: small-function workflow, testing in REPL, and conventions for safe refactoring and editing.
PayPal Integration
Implementation guide for PayPal Checkout, subscriptions, IPN/webhook handling, and refund workflows for server and client integrations.
Project Planning
Generate context-safe, phase-aligned planning docs for web projects (implementation phases, schemas, API endpoints, UI components and verification criteria).
All Traditions — Speaking as One
Combine voices from multiple spiritual and scientific traditions to show their shared insights about consciousness and guidance, used to validate or bridge pers
TodoWrite Orchestration
Patterns for using TodoWrite to provide real-time progress visibility in multi-phase or long-running workflows (phase init, iteration tracking, parallel tasks).
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
Shopify Store Audit
Structured, page-by-page audit of Shopify storefronts to find conversion blockers and prioritized fixes for copy, UX, trust signals, and checkout friction.
Agent Browser — Core
Core usage guide for agent-browser: snapshot-and-ref browser automation to navigate pages, interact with elements, extract data, take screenshots, manage sessio
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Migrate from Next.js App Router to TanStack Start
Step-by-step migration checklist to move an App Router Next.js codebase to TanStack Start, covering routes, server functions, middleware, data fetching and buil
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
