JohnWayneeee

9 mods in 1 plugin, 2 repositories, 12 stars between them.

casely

01

JohnWayneeee/casely-qa-skill

Plugin Claude Code

Bundles 1 skill · 189 tokens together

Virtual QA lead: turns requirements into TestRail-ready test cases in one conversation, plus a runnable Postman collection when the spec describes an API.

not rated 11 16d ago A tokens not measured original MIT

brand-assets-setup

02

JohnWayneeee/ai-agent-skills

Skill Claude Code

Generate and deploy a complete brand asset pack for a Next.js App Router project. Scans the project, prints what to generate with exact specs, then imports and wires everything correctly.

not rated 1 4mo ago A 41 tokens original MIT

browser-audit

03

JohnWayneeee/ai-agent-skills

Skill Codex

Run a pre-deploy browser audit of a live, preview, or local web page for accessibility, SEO, Lighthouse quality, and critical UX issues. Use when asked to audit a page/site before deployment, check WCAG 2.2 AA, WAI-ARIA, Lighthouse, accessibility, SEO, contrast, keyboard navigation, focus states, semantic HTML, forms…

not rated 1 4mo ago A 96 tokens original MIT

JohnWayneeee/ai-agent-skills

Skill Claude CodeCodex

Convert Figma or Pencil designs into production-ready frontend code using Feature-Sliced Design and Tailwind CSS v4. Use when translating designs into code, extracting tokens, mapping UI to FSD layers (shared / entities / features / widgets / pages / app-shell / app), enforcing Server vs Client boundaries when…

not rated 1 4mo ago A 79 tokens original MIT

JohnWayneeee/ai-agent-skills

Skill Codex

Model product UI actions from user intent questions after a meaningful outcome, completion, created resource, imported data, uploaded file, synced integration, report, deployment, automation, review state, handoff, or workflow milestone. Use when deciding which actions to show, hide, group, name, prioritize, defer, or…

not rated 1 4mo ago A 86 tokens original MIT

pencil-to-code

06

JohnWayneeee/ai-agent-skills

Skill Codex

Convert Pencil .pen design files and named Pencil node IDs into production frontend code. Use when asked to implement, migrate, reproduce, or refine a Pencil/Figma-like visual design in code, especially for responsive artboards, glassmorphism, typography matching, background image layers, design tokens, or visual…

not rated 1 4mo ago A 73 tokens original MIT

JohnWayneeee/ai-agent-skills

Skill Codex

Best practices for writing, reviewing, and refactoring React Flow / @xyflow/react v12 canvases. Use when work touches React Flow components, custom nodes, custom edges, handles, node data typing, viewport controls, MiniMap/Background/Panel usage, NodeToolbar, NodeResizer, or workflow-builder review tasks.

not rated 1 4mo ago A 73 tokens original MIT

ui-final-polish

08

JohnWayneeee/ai-agent-skills

Skill Claude CodeCodex

Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spacing, alignment, text hierarchy, readability, shadows, highlights, effects, action placement, or overall production feel. For screen structure, layer naming, code handoff, preview scenes, or animation…

not rated 1 4mo ago A 75 tokens original MIT

workflow-node-setup

09

JohnWayneeee/ai-agent-skills

Skill Codex

Configure, adjust, debug, and verify React Flow workflow nodes. Use when working on custom node components, especially for node handles, multi-channel connections, edge ids/styles, NodeResizer behavior, drag handles, nodrag/nowheel areas, and markdown scroll containers.

not rated 1 4mo ago A 59 tokens original MIT

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: