All authors
Claude Skills by tommylower
github.com/tommylower94 skills0 installs2 views
- Agent InterviewerInterview the user and produce a personalized, agent-agnostic behavior file (CLAUDE.md, AGENT.md, PERSONALIZATION.md, etc.) that defines how an AI agent should think, disagree, teach, decide, and communicate. Supports two modes: preset (return one of the built-in fast/balanced/strict/brutal profiles) or interview (short adaptive Q&A producing concrete operational rules). Use when the user asks to set up agent personality, configure assistant behavior, write a CLAUDE.md, run an interview, pick...Votes: 0GitHub stars: 2
- Agent SwarmMulti-agent parallel workflow — wave execution, review loops, adversarial dual-reviewVotes: 0GitHub stars: 2
- Claude WorkflowClaude Code working patterns — plan mode, subagents, verification, context management, hooksVotes: 0GitHub stars: 2
- Codex ReviewSet up Codex plugin for cross-model code review and task delegation inside Claude CodeVotes: 0GitHub stars: 2
- Designing LoopsDesign agent loops — pick the loop primitive that fits a task and define its stop condition. Use when the user wants recurring or automated agent work, wants an agent to keep iterating until done, asks which of /goal, /loop, or /schedule to use, or a running loop needs a turn cap, stop condition, or token budget. For prompting one big Fable build loop, see fable-prompting; for multi-agent review loops, see agent-swarm.Votes: 0GitHub stars: 2
- Fable CodexOpt-in split-stack session mode — one strong model plans and reviews from the orchestrating harness while a model from a different vendor executes via CLI handoff. Reference configuration. Claude (the session model) plans at high effort, Codex (gpt-5.5 at xhigh reasoning) executes, Claude reviews at maximum scrutiny. Use only when the user invokes /fable-codex; never auto-apply. Requires the openai-codex plugin and an authenticated codex CLI.Votes: 0GitHub stars: 2
- Fable PromptingRouter for prompting Fable so it performs like a next-generation model instead of a current one — give it the goal not the steps, hold it to a hard self-checkable bar, loop against that bar, and never let the builder grade itself. On invocation, ask which job the user wants and run that branch (set up house rules in a project, start a /loop on a goal, grade an artifact, or draft a Fable prompt). Fable-specific. Source is the "How I Prompt Fable" writeup.Votes: 0GitHub stars: 2
- Google Developer StyleApplies an agent-focused adaptation of the Google developer documentation style guide to substantial technical prose. Use when the user asks for Google developer style, clearer or easier-to-read writing, a readability pass, or help drafting or revising technical documentation, explanations, reports, instructions, or long-form agent output. For interface copy, also use better-writing.Votes: 0GitHub stars: 2
- HumanizerRewrite AI-sounding text so it reads like the writer without changing what it says. Use when editing or reviewing prose for AI tells such as not-X-but-Y contrasts, one-line closers, staged openers, forced triads, dashes everywhere, inflated claims, sales language, stock AI words, bold labels, or filler. Based on Wikipedia's "Signs of AI writing." For clarity and structure in technical writing, use google-developer-style; for interface copy, use better-writing.Votes: 0GitHub stars: 2
- ImproveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on source code — never implements, fixes, or refactors anything itself. Use when asked to audit a codebase, find improvement opportunities (bugs, security, performance, test coverage, tech debt, migrations, DX), suggest features or where to take the project next (roadmap, product direction), or generate handoff plans for another agent to i...Votes: 0GitHub stars: 2
- MarketingRouter to the upstream Marketing Skills library by Corey Haines. Use for marketing and growth work of any kind, including copy and content, SEO and AI search, paid ads and ad creative, email and SMS, conversion and onboarding, pricing and offers, launches, PR and events, sales and prospecting, and analytics and attribution. It names the specialist skill to read and where it lives.Votes: 0GitHub stars: 2
- PickupRestore compact continuity from the latest cleared session in the current project. Use in a fresh session after clearing context when the user asks to pick up or continue prior work.Votes: 0GitHub stars: 2
- Vercel DeployDeploy or manage projects on Vercel from an agent workflow. Use when the user asks to deploy to Vercel, create a preview deployment, push a Vercel preview, link a project to Vercel, explain Vercel deployment flow, or work with Vercel CLI/token setup.Votes: 0GitHub stars: 2
- Wip QuickstartNew-project intake and scaffold workflow for turning a rough brief, voice dump, or idea into an operable code project. Use when the user wants to start, scaffold, bootstrap, or set defaults for a project. It establishes the right workspace through workspace-setup and applies the Cortex web defaults when appropriate. Use workspace-setup directly for workspace-only review, repair, or migration.Votes: 0GitHub stars: 2
- Workspace SetupEstablish, review, migrate, or repair the workspace operator layer for a standalone or multi-repository code project. Use when organizing existing project information, replacing a control-room or planning layer, choosing a local, tracked, or mixed workspace, routing work to a dedicated project agent, or reducing duplicated documentation. Use wip-quickstart for end-to-end new-project intake and scaffolding.Votes: 0GitHub stars: 2
- Better ColorsHelps you build and check a color system for your project, covering palettes, semantic tokens, format conversion, contrast, and Flexoki as a ready-made palette.Votes: 0GitHub stars: 2
- Cmyk ProofICC-accurate CMYK proofing for print work designed in screen-native canvas tools (Paper, Figma, or any hex-only design surface). Converts brand hexes to press recipes plus print-simulated canvas hexes, soft-proofs whole exports, derives ink tints, and flags out-of-gamut colors and total-ink violations via a bundled ImageMagick script. Use when designing anything physically printed (brochures, posters, packaging, stationery) in a tool without CMYK support, or when the user mentions CMYK, print...Votes: 0GitHub stars: 2
- GradientsPatterns and principles for building high-quality CSS gradients: choosing the right color space (sRGB vs oklab vs oklch), linear / radial / conic gradient syntax, layering, performance, hue-shift avoidance, and common recipes (mesh-like backgrounds, button glows, text gradients, masked overlays). Use when building hero backgrounds, button styles, glow effects, gradient text, mesh backgrounds, or fixing muddy/banded gradients. Triggers: gradient, background, oklch, oklab, color interpolation, ...Votes: 0GitHub stars: 2
- Oklch SkillOKLCH color systems and semantic color usage. Use when converting colors, generating palettes, measuring contrast, handling gamut, theming Tailwind, defining color tokens, reviewing light and dark appearances, or when the user asks for better-colors.Votes: 0GitHub stars: 2
- Better InterfaceCombines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.Votes: 0GitHub stars: 2
- Better UiUI-polish principles for product interfaces. Use when building or reviewing surfaces, icons, micro-interactions, motion details, borders, shadows, optical alignment, or an interface that feels off.Votes: 0GitHub stars: 2
- Better WritingUX writing for product interfaces. Use when writing or reviewing voice, terminology, labels, links, errors, placeholders, settings, onboarding, notifications, or empty states.Votes: 0GitHub stars: 2
- Css Interaction TipsQuick-reference recipes for common CSS interaction and animation problems: button press feedback, smooth element entrances, hover flicker fixes, popover transform-origin, sequential tooltip timing, mobile tap targets, hover-on-touch issues, and subtle blur masking. Use when polishing UI interactions, fixing janky animations, making buttons feel responsive, addressing hover bugs on mobile, or any micro-interaction tuning. Triggers: hover, transition, button feel, tap target, tooltip, popover, ...Votes: 0GitHub stars: 2
- Interface CraftInterface Craft for polished React interfaces. Use for three branches, storyboard animation, DialKit-style live tuning, or design critique. Trigger on storyboard, dialkit, sliders, controls, tune, critique, polish, animated interface, or Josh Puckett.Votes: 0GitHub stars: 2
- AnimateBuild an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a component feel alive, or build a transition. For critiquing existing motion use review-animations; for auditing a whole codebase use improve-animations.Votes: 0GitHub stars: 2
- Animation VocabularyReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.Votes: 0GitHub stars: 2
- Apple DesignOpt-in reference for Apple's approach to interface design and fluid, physical motion, translated for the web, covering gesture-driven UI, springs, drag/swipe/sheet interactions, momentum, interruptible transitions, materials, typography, and reduced motion. Use only when the user explicitly asks for Apple-style, iOS-like, or fluid physical interaction behavior; never apply it as a default.Votes: 0GitHub stars: 2
- Emil Design EngEmil Kowalski's design-engineering philosophy for UI polish, component design, animation decisions, and the invisible details that make software feel great. Use for taste and craft questions, or when polishing an interaction. For task-specific work use its siblings in design/emil, namely animate (build), review-animations (review a diff), improve-animations (audit a codebase), find-animation-opportunities (find where motion belongs).Votes: 0GitHub stars: 2
- Find Animation OpportunitiesSearch a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it does not implement it. Use when the user asks "what could be animated here?" or wants to "make this feel more alive". For fixing existing animations, use improve-animations or review-animations instead.Votes: 0GitHub stars: 2
- Improve AnimationsSurvey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.Votes: 0GitHub stars: 2
- Mobile NativeMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states, tap highlight flashes, the 100vh bug, inputs that zoom the page, laggy taps, pull-to-refresh hijacking scroll, content under the notch, long-press selecting button text, carousels that scroll the wrong way, mismatched status bars, and the rule that you test on real hardware. Use when a web app is being built for or rev...Votes: 0GitHub stars: 2
- Review AnimationsReviews animation and motion code in a diff or focused surface against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned. Use when asked to review animations or motion in a specific change. For a whole-codebase motion audit, use improve-animations.Votes: 0GitHub stars: 2
- Better AccessibilityAccessibility engineering for product interfaces. Use when building or reviewing semantics, keyboard and focus behavior, ARIA, forms, screen-reader output, hit areas, zoom, or reduced motion.Votes: 0GitHub stars: 2
- Better LayoutLayout structure for web interfaces. Use when building or reviewing grouping, alignment, spacing, reading order, progressive disclosure, responsive adaptation, safe areas, or RTL layout.Votes: 0GitHub stars: 2
- Better TypographyWeb typography from font choice through rendered text behavior. Use when building or reviewing type systems, font loading and features, hierarchy, spacing, wrapping, truncation, punctuation, or text accessibility.Votes: 0GitHub stars: 2
- Loading StatesDesign and implement loading states, skeletons, spinners, progress indicators, and dot-matrix micro-loaders. Use when the user asks for a loader, loading state, skeleton, pending state, progress UI, shadcn loader, Dot Matrix, smooth loader animation, reduced-motion loading behavior, or empty/pending state polish.Votes: 0GitHub stars: 2
- Reference PatternsCurated design patterns from high-quality reference sites (Linear, Vercel, Lovable, and others): hero layouts, feature sections, navigation styles, motion timing, card treatments, typography hierarchy, and color usage. Use when the user wants inspiration for a section, asks 'how does Linear/Vercel do X', is building a marketing page and needs proven layouts, or wants to match the visual quality of best-in-class SaaS sites. Triggers: linear style, vercel style, reference site, inspiration, how...Votes: 0GitHub stars: 2
- Responsive CraftImplement responsive design for websites and web apps — from standard mobile-first layouts to complex patterns (sticky elements, scroll coordination, data tables, dashboards). Three modes: transform existing sites, build responsive from scratch, or launch a live multi-breakpoint preview. Surfaces design forks where there's no single right answer. Use when building responsive layouts, fixing mobile issues, adding breakpoints, working with sticky/scroll patterns, previewing breakpoints, or when...Votes: 0GitHub stars: 2
- Ui PrinciplesCore principles for building high-quality UI: spacing scale, typography hierarchy, layout rules, max content widths, grid systems, card consistency, proximity grouping, and section rhythm. Reference these when creating components, laying out pages, choosing font sizes, picking padding values, or setting up a new design from scratch. Triggers: ui principles, spacing scale, typography, type hierarchy, layout rules, design fundamentals, what padding, what font size, design system basics.Votes: 0GitHub stars: 2
- Component LibrariesUI component-library supply shelf, from foundations like shadcn/ui to motion kits like Torph and Fancy Components. Use when saving a UI library, asking what Cortex has, choosing a component supplier, or when Studio needs existing component anatomy before building. Also covers Sonner toast setup, styling, and troubleshooting.Votes: 0GitHub stars: 2
- Fluid FunctionalismFluid Functionalism component-kit workflow for React/Next.js. Use when the user asks for @fluid components, animated shadcn components, proximity hover, spring controls, Micka components, or polished form/control micro-interactions.Votes: 0GitHub stars: 2
- Framer MotionProduction-ready Framer Motion patterns for React/Next.js: scroll-triggered fade-ups, staggered children for grids and lists, hover and tap micro-interactions, page transitions, layout animations, and shared element transitions. Use when adding animation to a React component, doing entrance animations on scroll, animating cards or list items, building interactive hover states, or polishing motion in a Next.js app. Triggers: framer motion, animate, motion, transition, fade in, scroll reveal, s...Votes: 0GitHub stars: 2
- Interface SoundDesign and implement tasteful interface sound for web apps using @web-kits/audio or Web Audio. Use when the user asks for UI sounds, sound effects, audio feedback, button clicks, success tones, error tones, notification sounds, procedural audio, sound patches, or wants to audit whether sound belongs in an interface.Votes: 0GitHub stars: 2
- View TransitionsImplement native React and browser View Transitions for page transitions, route changes, shared element transitions, list reorder animations, Suspense reveals, and directional navigation. Use when the user mentions ViewTransition, startViewTransition, shared element transition, native page transitions, route animation, transition types, or animating UI states without a third-party motion library.Votes: 0GitHub stars: 2
- Agentation Self DrivingAgentation self-driving design review. Use when the user asks to critique a page, add design annotations, auto-annotate, or run a visible browser-based UI review through the Agentation toolbar. Requires Agentation and agent-browser.Votes: 0GitHub stars: 2
- Explain InterfaceExplains how a website, a visual effect or an animation was built, from a live URL or a screenshot.Votes: 0GitHub stars: 2
- Interface ReviewReviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI.Votes: 0GitHub stars: 2
- PreflightPreflight design review before shipping. Use for static UI/a11y checks, visual consistency, AI-slop detection, or a final component/page ship check. Triggers include preflight, design review, accessibility audit, WCAG, UI polish, design critique, AI slop check.Votes: 0GitHub stars: 2
- Studio AuditSenior Studio audit for finished UI. Use for a quick or full ship check of a component, page, flow, app, or branch before handoff, commit, or deployment, including requests for better-interface.Votes: 0GitHub stars: 2
- Wip Senior AuditSenior live-site UX audit. Use when the user asks to audit a whole running product, review the live app, judge first impressions, or diagnose understanding/trust/conversion across desktop and mobile. Distinct from preflight because it boots the site and writes docs/design-audit/.Votes: 0GitHub stars: 2