XY-Showing

23 mods across 1 repository, 30 stars between them.

audit

01

XY-Showing/pageclaw

Skill Claude Code

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

not rated 30 changed 1mo ago A 54 tokens

critique

02

XY-Showing/pageclaw

Skill Claude Code

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and overall quality with quantitative scoring, persona-based testing, automated anti-pattern detection, and actionable feedback. Use when the user asks to review, critique, evaluate, or…

not rated 30 changed 1mo ago A 64 tokens

ckm:design-system

03

XY-Showing/pageclaw

Skill Claude Code

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

not rated 30 1mo ago A 55 tokens

ckm:design

04

XY-Showing/pageclaw

Skill Claude Code

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 styles, social/ads/web/print), icon design (15 styles, SVG, Gemini 3.1 Pro), social photos…

not rated 30 changed 1mo ago A 144 tokens

frontend-design

05

XY-Showing/pageclaw

Skill Claude CodeCodex

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.

not rated 30 1mo ago A 47 tokens

page-claw

06

XY-Showing/pageclaw

Skill Claude Code

Use when the user wants to turn a page-story markdown file (page-story-.md) into a polished static HTML page. Trigger for: personal pages, academic homepages, portfolio pages, profile pages, any request to build a page from a structured markdown brief. Runs the full pipeline automatically: design context gathering…

not rated 30 changed 1mo ago A 80 tokens

pageclaw-batch-test

07

XY-Showing/pageclaw

Skill Claude CodeCodex

Run an automated end-to-end test of the pageclaw-batch pipeline using bundled fixtures. Validates batch generation with a small style matrix. Use to verify pageclaw-batch behavior after changes.

not rated 30 changed 1mo ago A 48 tokens

pageclaw-batch

08

XY-Showing/pageclaw

Skill Claude Code

Batch generate static HTML page templates by combining a style matrix (design intents + layouts) with page-story markdown files. Skips interactive design questions — each style entry provides a design intent description that drives the full pipeline. Input: style-matrix.yaml + page-story files. Output: organized HTML…

not rated 30 changed 1mo ago A 68 tokens

pageclaw-test

09

XY-Showing/pageclaw

Skill Claude CodeCodex

Run a full automated end-to-end test of the page-claw pipeline using a bundled fixture page-story. Simulates user responses autonomously. Use when you want to verify page-claw behavior after making changes to the skill.

not rated 30 1mo ago A 50 tokens

polish

10

XY-Showing/pageclaw

Skill Claude Code

Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.

not rated 30 changed 1mo ago A 50 tokens

quieter

11

XY-Showing/pageclaw

Skill Claude Code

Tones down visually aggressive or overstimulating designs, reducing intensity while preserving quality. Use when the user mentions too bold, too loud, overwhelming, aggressive, garish, or wants a calmer, more refined aesthetic.

not rated 30 changed 1mo ago A 47 tokens

teach-impeccable

12

XY-Showing/pageclaw

Skill Claude CodeCodex

One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines.

not rated 30 1mo ago A 33 tokens

ckm:ui-styling

13

XY-Showing/pageclaw

Skill Claude Code

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…

not rated 30 1mo ago A 93 tokens

ui-ux-pro-max

14

XY-Showing/pageclaw

Skill Claude CodeCodex

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design…

not rated 30 changed 1mo ago B 238 tokens

XY-Showing/pageclaw

Skill Codex

Independently review whether a pagestory.md faithfully restores one source document’s information, relationships, and intended uses. Use after deepshow-storyextractor when extraction loss, misreading, or unclear recovered structure needs correction.

not rated 30 1mo ago A 54 tokens

XY-Showing/pageclaw

Skill Claude CodeCodex

Independently judge whether a rendered DeepShow Scroll Page or HTML slide Deck shows what its PageStory needs to show and shows it well. Use after page creation or before asking PageCreator to revise an existing artifact.

not rated 30 1mo ago A 50 tokens

XY-Showing/pageclaw

Skill Claude CodeCodex

Turn an existing PageStory into, or revise, a static HTML Scroll Page or slide Deck through DeepShow's complete design, planning, build, and quality process.

not rated 30 1mo ago A 39 tokens

XY-Showing/pageclaw

Skill Claude CodeCodex

Independently judge whether an existing pagestory.md gives PageCreator a strong semantic basis for helping users better show what needs to be shown across profiles, portfolios, articles, case studies, paper explainers, talks, Decks, and custom pages. Use before page creation or when a PageStory needs an actionable…

not rated 30 1mo ago A 72 tokens

XY-Showing/pageclaw

Skill Claude CodeCodex

Create or revise pagestory.md to help users better show what needs to be shown across profiles, portfolios, articles, case studies, paper explainers, talks, Decks, and custom pages. Use when semantic content needs to be shaped before page creation or revised from accepted StoryAuditor feedback.

not rated 30 1mo ago A 66 tokens

XY-Showing/pageclaw

Skill Codex

Extract a complete, independently readable pagestory.md from one source document, especially a PDF, while preserving its meaning, structure, relationships, and useful assets. Use when a document should be faithfully restored before DeepShow creation rather than editorially selected or developed.

not rated 30 1mo ago A 59 tokens

deepshow

21

XY-Showing/pageclaw

Skill Claude CodeCodex

Complete or continue a DeepShow creation from source materials to PageStory, rendered HTML, and independent review by orchestrating the four deepshow- Skills. Use when the user wants the full creation journey or wants DeepShow to determine and continue from the current stage.

not rated 30 1mo ago A 57 tokens

impeccable

22

XY-Showing/pageclaw

Skill Codex

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states.…

not rated 30 1mo ago A 189 tokens

writing-plans

23

XY-Showing/pageclaw

Skill Claude CodeCodex

Use when you have a spec or requirements for a multi-step task, before touching code.

not rated 30 1mo ago A 21 tokens

At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: