Claude Skills by xenodeve

github.com/xenodeve

44 skillsA× 43B× 10 installs6 views

Using Anti SlopARouter for the anti-slop family — twenty-two vendored skills that keep an AI-built interface from looking templated (the centred hero, purple gradient, three icon cards, Inter everywhere) and raise it to a deliberate design. Use when building, redesigning, auditing or styling a web or mobile UI and the result must not read as AI slop; it names the one skill for the job and the order to chain them. Triggers include "anti-slop", "doesn't look AI-generated", "make it premium", "less generic", "r...designfrontendVotes: 0GitHub stars: 2
Ask XenoAThe top of this library. Ask it which family your task belongs to, then take the family's own route from there. Reach for it when you are unsure which skill applies, when a task spans families, or when you suspect a skill exists for this and cannot name it. Deliberately thin — it names the family entries and nothing else, so it stays cheap enough to carry everywhere. Triggers include "is there a skill for X", "which skill should I use", "how do we do X here", and any moment you are about to i...toolsVotes: 0GitHub stars: 2
Design AuditAWeb design & portfolio audit framework based on Ran Segall's (Flux Academy) 30-Second First Impression Test and Satori Graphics' LIFT System. Evaluates UIs for instant clarity, visual hierarchy, work visibility, trust signals, LIFT composition flow, and conversion readiness.designrustgoVotes: 0GitHub stars: 2
Design PsychologyAWeb UX & Conversion Psychology framework based on Self-Made Web Designer (Chris McCoy) and Ran Segall (Flux Academy). Implements 3-Brain Persona Alignment (Survival, Emotional, Rational), Mental Model Layout Familiarity, MAYA Principle pattern breaks, Cognitive Chunking (3-4 item Working Memory Rule), Luxury White Space ("Space is Wealth"), Signature Niche Positioning, and the Oliver Smithies "Wander Off" experimental directive.designgoreactVotes: 0GitHub stars: 2
Design RulesAUniversal micro-UI/UX design & engineering rules based on Kole Jain, Chris McCoy, Ran Segall, and Satori Graphics' frameworks. Enforces Pro Typography hacks (-2% tracking, Major Third 1.25x scale, 150% body line-height), 60-30-10 color balance, Material opacity modulation, 12/8/4 column grids, 8pt spacing rhythm, 4-state buttons, scrolling CTA frequency, progressive backdrop blur overlays, Luxury White Space, and the LIFT System with 6 Levels of Visual Flow.toolsgoVotes: 0GitHub stars: 2
Design SetupAComplete end-to-end web design setup & prototyping framework faithful to Chase AI's methodology with production robustness gates. Automatically enforces design-rules (micro-UI typography hacks, 4pt/8pt grid, dark mode surface elevation, 4-state buttons) and legend mastery principles (unconventional inspiration, signature calling cards). Interactively guides users to cultivate design taste, enforces preflight checks, decision gates, exploratory code isolation, 4-part prompts, 3-phase build seq...ai-agentsgonextjsVotes: 0GitHub stars: 2
Design Ship GateADone-gate for a web page built by a small model. Run it before saying a landing page is finished: brief coverage, then nine executable checks, one per defect seen in Qwen3.8-27B pages (fonts, OG tags, dark mode, 390 px overflow, number wrapping, hero collisions, tracking, language, a script that does not parse). Commands and pass conditions, no design theory.toolsgonodeVotes: 0GitHub stars: 2
Using DesignAMaster Antigravity Web Design Suite. Coordinates 4 specialized design skills (design-setup for 0->1 prototyping, design-rules for micro-UI CSS/Tailwind rules & LIFT system, design-audit for 30-second first impression reviews, and design-psychology for 3-brain personas & luxury white space). Includes full research video transcript library.designrustgoVotes: 0GitHub stars: 2
Karpathy GuidelinesABehavioral guidelines to reduce common LLM coding mistakes. Use when writing, reviewing, or refactoring code to avoid overcomplication, make surgical changes, surface assumptions, and define verifiable success criteria.developmentrustgoVotes: 0GitHub stars: 2
Clink BrainstormAFan out a question to multiple independent AI agents (Gemini/Antigravity, OpenAI/Codex, Cursor, and optionally a further model of your choice) through PAL's clink tool, then synthesize their answers into one recommendation. Use for multi-agent brainstorming, getting a second/third opinion on a design or plan, sanity-checking a decision across model families, or when the user says "ask the other AIs", "brainstorm with multiple models", or "get other perspectives".ai-agentsrustgoVotes: 0GitHub stars: 2
Clink DebugAThe single home for delegating a bug hunt to clink agents — read it before sending any failure to clink-subagents or clink-brainstorm, not only a bug that already survived a pass. It routes a small bug to one cheap worker and escalates only what survives, defines the evidence that must travel with it, and enforces that no agent which produced a hypothesis may falsify or repair it. Use when a bug is about to be delegated, is still open after a worker looked at it, has two agents disagreeing ab...toolsdebuggingVotes: 0GitHub stars: 2
Clink MasteragentAWhat a master agent owns and can never delegate, and how to pick the model for a delegation from measured scores instead of memory. Use before any clink delegation, and whenever choosing between models, efforts, or clients — including "which model should review this", "is the cheap one good enough", "should I escalate the effort". Carries the full per-axis score table for every reachable model+effort inline, generated from the structured source, so the choice is made against data rather than ...toolsrustgoVotes: 0GitHub stars: 2
Clink SubagentsADelegate a well-scoped chunk of WORK (implementation, refactor, bulk transform, focused research, first-draft) to Codex (GPT-5.6) or Antigravity (Gemini) as a subagent via PAL's clink tool — to offload effort, parallelize, or save your context. Use when you have a self-contained, verifiable subtask a cheaper agent can do while you orchestrate. NOT for gathering opinions/consensus (use clink-brainstorm) and NOT for orchestration/judgment (keep that yourself). Covers which agent fits which task...ai-agentsrustgoVotes: 0GitHub stars: 2
Using ClinkAThe entry point for delegating to another AI CLI agent through PAL's clink tool. Decides which of the four clink skills you actually want before you spend a call — executing a scoped subtask, convening a panel for judgment, hunting a bug across agents, or deciding who may do the work at all. Reach for it whenever you are about to delegate, whenever you are choosing between a subagent and a panel, and whenever a delegation came back wrong and you are not sure the routing was right. Triggers in...toolsgoVotes: 0GitHub stars: 2
Qwen38 Claude CodeAThe goal: Qwen3.8-27B using the Claude Code harness as well as it possibly can, guided rather than guessing. A verdict for every tool Claude Code 2.1.281 sends (use / use when X / do not, with the reason), which tool for which want, the harness facts no schema states (the 12,288-token turn cap, images through Read, screenshots, what Bash blocks), what to do when a tool returns an error including a harness denial, and the CC report line. The family's one full-coverage skill (#358, #380).toolspythongoVotes: 0GitHub stars: 2
Qwen38 Code GateADone-gate for any code change by a small model. Run it before saying a change is finished: the brief table for code (the test that goes red then green, the error path, the doc line, no new dependency), then six commands with pass conditions — scope of the diff, placeholders, secrets, the repo's tests with the last line pasted, lint/typecheck if configured, and the RED line before the GREEN one. Slice 1 of xeno-skills #355.developmentpythongoVotes: 0GitHub stars: 2
Qwen38 Skill StyleAHow to write a skill that Qwen3.8-27B will actually follow. For the author, not the model. Nine rules with the run that produced each: enumerate the unnamed deliverables, a command and a pass condition per rule, a fixed done-report, scripts as files, no sentence that harms when followed literally, measured anchors, a stated boundary, one with/without pair before merge, and one shared report shape across the family.developmentpythongoVotes: 0GitHub stars: 2
Qwen38 ThinkAThe thinking a small model skips, as steps it must write down: before the first edit, an assumptions table and a three-flaw check on the brief (contradiction, missing fact, impossible ask), each flaw checked by a command; when stuck, one observation, one hypothesis, one falsifying command; and a THINK report line. Pushback is a written line in the report, never a question that stops the work. Slice 2 of xeno-skills #355.toolsnodeawsVotes: 0GitHub stars: 2
Using Qwen38BRouter for Qwen3.8-27B sessions. Load at session start: it names the skill that owns the task and the gate that ends it, and carries the five rules this model needs stated (write the brief table first from what the domain skill names, run the checks and paste output, never install or search for tools, take the open choices from this brief's own subject rather than from habit, stop at the report). Method, not craft: what a good page or module contains stays with the skill this file points at. ...toolsgoawsVotes: 0GitHub stars: 2
T4 AfkAUse when the developer hands the agent a bounded batch to run unattended in a T4-team repo (T4 Labs / Slow-Inc) and steps away — "AFK", "run this while I'm away", "just handle it / take it from here", "clear the ready-for-agent queue", "keep going without me", or any long autonomous run where no human will approve each decision. Covers the preflight scope-lock, the may-decide-alone vs must-park boundary, the safe per-item loop, the stop-and-park conditions, and how to land the batch so the re...developmentrustgoVotes: 0GitHub stars: 2
T4 Agent MemoryAUse when working as the primary coding agent in a T4-team repo (T4 Labs / Slow-Inc) and you need durable memory across sessions and context-compaction — at session start (what's the open work, what did past sessions decide), after shipping or learning something worth persisting, or when open work is scattered across issues, ADRs, and MD files. Covers the team memory vault, the open-work ledger, the ship log, the survey-provenance cache, and Serena code memories. Triggers include "where did we...researchrustgoVotes: 0GitHub stars: 2
T4 BroAUse when writing anything the developer reads — a reply, a status update, an explanation, a question, a summary of what you just did. Sets the register — plain Thai at a working developer's level, English kept only where it earns its place (identifiers, the developer's own vocabulary, precision nothing else carries), and never at the cost of accuracy. Load it in a T4 repo alongside whatever skill is doing the work; it governs how you say the answer, not what the answer is. Triggers include re...documentationgogitVotes: 0GitHub stars: 2
T4 Dev WorkflowAUse when planning or implementing a feature/change in a T4-team repo (T4 Labs / Slow-Inc) — deciding how to go from idea to shipped code, filing or updating a GitHub issue or PRD, writing a bilingual (Thai + English) issue/PR body, opening a PR, or closing an issue. Covers the grill→PRD→issues→TDD pipeline, the PRD→issues→PR gate, the auto-triggered skill map, triage labels, and the issue lifecycle. Triggers include "let's build X", "file an issue for this", "write the PRD", "open a PR", "wha...toolsrustgoVotes: 0GitHub stars: 2
T4 Engineering RecordsAUse when working in a T4-team repo (T4 Labs / Slow-Inc) and something notable just happened that a future agent will need the "why" of — you fixed and validated a bug, made a hard-to-reverse architectural decision, shipped a system-affecting change, or hit a bug whose lesson is worth keeping. Helps pick the right record (post-mortem vs ADR vs system-impact entry vs bug-case-catalog) and write it so it stays a reliable index (file:line, commit SHAs, validated-only). Triggers include "write a p...documentationgitsecurityVotes: 0GitHub stars: 2
T4 Project BootstrapAUse when starting, scaffolding, or setting up a new repository for the T4 team (T4 Labs / Slow-Inc) — or retrofitting an existing one — so an agent-primary repo gets the team's standard operating layer (domain glossary, product brief, decision records, durable memory, dev workflow) in one pass instead of hand-copying docs from a sibling repo. Triggers include "set up a new T4 project", "scaffold the docs/conventions", "add CLAUDE.md + docs/agents", "bootstrap the governance layer", "port the ...developmentgoshellVotes: 0GitHub stars: 2
Using T4AUse at the start of any task in a T4-team repo (T4 Labs / Slow-Inc) to decide which T4 skill applies — setting up the repo, session-start memory and open-work, planning or shipping a feature, or recording a bug/decision/change — and to hand off to the companion skill ecosystems the team runs alongside (superpowers, matt pocock, 9arm). The entry-point map for the t4-* skill family; consult it before acting when you're unsure which T4 discipline or which external skill a task needs. Triggers in...developmentrustgoVotes: 0GitHub stars: 2
Aframe WebxrADeclarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.developmentjavascriptrustVotes: 0GitHub stars: 2
Animated Component LibrariesAPre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alt...developmentjavascripttypescriptVotes: 0GitHub stars: 2
AnimejsAVersatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.developmentjavascriptgoVotes: 0GitHub stars: 2
Babylonjs EngineAComprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.developmentjavascripttypescriptVotes: 0GitHub stars: 2
Barba JsAPage transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.documentationjavascriptgoVotes: 0GitHub stars: 2
GridgeistAUse when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from generic AI-generated SaaS aesthetics. Adapt grid, typography, imagery, motion, and product evidence to the established brand—including technical, editorial, image-led, warm, playful, and utilitarian directions—across React, Next.js, Tailwind CSS, HTML/CSS, landing pages, dashboards, documentation, portfolios, and inte...developmentgoreactVotes: 0GitHub stars: 2
Lightweight 3d EffectsALightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds, parallax tilt effects, decorative 3D elements, or subtle depth effects without heavy frameworks. Triggers on tasks involving Zdog pseudo-3D, Vanta.js backgrounds, Vanilla-Tilt parallax, card tilt effects, hero section animations, or lightweight landing page visuals. Ideal for performance-focused designs.developmentjavascriptgoVotes: 0GitHub stars: 2
Locomotive ScrollAComprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Int...toolsjavascriptjavaVotes: 0GitHub stars: 2
Modern Web DesignAModern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, ...designjavascriptrustVotes: 0GitHub stars: 2
Motion FramerAModern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.developmentjavascripttypescriptVotes: 0GitHub stars: 2
Pixijs 2dAFast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.developmentjavascriptgoVotes: 0GitHub stars: 2
Playcanvas EngineALightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.developmentjavascriptgoVotes: 0GitHub stars: 2
Playwright CliAAutomate browser interactions, test web pages and work with Playwright tests.toolsrustgoVotes: 0GitHub stars: 2
React Spring PhysicsAPhysics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics a...developmentreactrailsVotes: 0GitHub stars: 2
Scroll Reveal LibrariesASimple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.developmentjavascriptgoVotes: 0GitHub stars: 2
Spline InteractiveABrowser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.developmentjavascriptgoVotes: 0GitHub stars: 2
Web3d Integration PatternsAMeta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.toolsjavascriptjavaVotes: 0GitHub stars: 2
Using Web3dARouter for the web3d family — vendored skills for 3D, 2D canvas, motion and scroll on the web (Three.js, React Three Fiber, Babylon.js, PlayCanvas, A-Frame, PixiJS, Motion, anime.js, React Spring, Lottie, Rive, GSAP ScrollTrigger, Locomotive, AOS, Barba, Spline). Use when a page needs a 3D scene, a canvas, animation or scroll-driven effects; it picks the one library skill for the job and the order to combine them. Triggers include "3D", "WebGL", "three.js", "R3F", "animation", "scroll effect"...developmentgoreactVotes: 0GitHub stars: 2