Skip to content

Claude Skills by Asymmetric-al

github.com/Asymmetric-al

147 skillsA× 137B× 102 installs207 views

repo-entryAPointer to the canonical agent instruction and skill system for this monorepotoolsVotes: 0GitHub stars: 383
Systematic DebuggingAUse when encountering any bug, test failure, or unexpected behavior, before proposing fixescode-qualityrustbashVotes: 0GitHub stars: 383
Nextjs App ArchitectureABuild or audit Next.js 16 App Router apps using a next-beats-style React Server Components architecture. Use when scaffolding a new app, adding a feature, reviewing an existing app, refactoring route-loader-shaped pages into feature-owned async server components, deciding where queries/actions/components live, keeping pages synchronous with `params.then()`, placing Suspense boundaries, choosing the client/server boundary, designing skeletons, preventing CLS, or following Cache Components Inst...developmentgoshellVotes: 0GitHub stars: 383
Email Best PracticesAUse when building email features, emails going to spam, high bounce rates, setting up SPF/DKIM/DMARC authentication, implementing email capture, ensuring compliance (CAN-SPAM, GDPR, CASL), handling webhooks, retry logic, making emails accessible (alt text, headings, contrast, screen readers), or deciding transactional vs marketing.documentationgogitVotes: 0GitHub stars: 382
Improve Codebase ArchitectureAScan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.code-qualitygogitVotes: 0GitHub stars: 382
Payloadcms PayloadAUse when working with Payload projects (payload.config.ts, collections, fields, hooks, access control, Payload API). Use when debugging validation errors, security issues, relationship queries, transactions, or hook behavior.developmenttypescriptrustVotes: 0GitHub stars: 382
Playwright CliAAutomates browser interactions for testing and validating your own web applications using playwright-cli. Use when you need terminal-first browser control for navigation, form filling, screenshots, tracing, bound browser sessions, debugging, or generating Playwright test code. Only use against applications you own or have explicit authorization to test.toolsrustgoVotes: 0GitHub stars: 382
Prd To PlanABridge from PRD to an implementation plan. Upstream mattpocock/skills has no skill by this id—use to-prd, OpenSpec changes, and architecture skills instead.code-qualitygitVotes: 0GitHub stars: 382
React DoctorARun Core's pinned local React Doctor audit after React or Next.js edits; fix actionable correctness, accessibility, composition, performance, and design findings and validate exact exceptions across all eight targets. Use when the user mentions React Doctor or requests React diagnostics or cleanup.developmentreactnextjsVotes: 0GitHub stars: 382
Stripe Best PracticesAGuides Stripe integration decisions across API selection (Checkout Sessions vs PaymentIntents), Connect platform setup (Accounts v2, controller properties), billing/subscriptions, tax and registrations (Stripe Tax, automatic_tax, product tax codes), Treasury financial accounts, integration options (Checkout, Payment Element), migrating from deprecated Stripe APIs, and security best practices (API key management, restricted keys, webhooks, OAuth). Use when building, modifying, or reviewing any...documentationpythongoVotes: 0GitHub stars: 382
Stripe ProjectsAUse when the user wants to provision infrastructure or third-party services using Stripe Projects. Triggers: "I need a database", "set up auth", "add caching", "give me a Postgres", "provision Redis", "I need hosting", "add a vector DB", "get me an API key for X", "get credentials for X", "sign up for a service", "set up monitoring", "show me the catalog", "what can I provision", "browse providers", "add an LLM provider", "configure model provider", "add email sending", "set up search", "add ...toolsgobashVotes: 0GitHub stars: 382
Tailwind Design SystemABuild scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.designtypescriptgoVotes: 0GitHub stars: 382
TddATest-driven development for substantive feature, bug-fix, and behavior-changing work. Use automatically when implementing features, fixing bugs, or changing behavior (red → green → refactor). Also use when the user mentions TDD, /tdd, /TDD, or red-green-refactor. Do not use for documentation-only, formatting-only, exact generated-mirror, or provenance-only changes.testinggoexpressVotes: 0GitHub stars: 382
TriageAMove issues and external PRs through a state machine of triage roles, categorise, verify, grill if needed, and write agent-ready briefs.documentationrustgoVotes: 0GitHub stars: 382
BabysitAExecute via @babysitter. Use this skill when asked to babysit a task, do anything that is structured process-driven (even a loop) or whenever it is called explicitly. (babysit, babysitter, with a process, orchestrate, orchestrate a run, workflow, loop until, etc.)toolsgoshellVotes: 0GitHub stars: 382
Codebase DesignAShared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.developmenttypescriptgoVotes: 0GitHub stars: 382
Domain ModelingABuild and sharpen a project's domain model. Use when discussing codebase terminology, writing or editing a CONTEXT.md, or recording or editing an ADR.documentationVotes: 0GitHub stars: 382
Find Animation OpportunitiesAInspect a Core UI or code surface for a small number of justified motion opportunities and explicitly identify what should remain static. Use when asked what should animate, where motion would improve feedback or comprehension, how to make an interface feel more alive without over-animating it, or whether a proposed animation is worth adding. Read-only; do not use to review or fix existing motion code or to implement animations.designreactfrontendVotes: 0GitHub stars: 382
Inngest Durable FunctionsAUse when building functions that must survive process crashes, retry automatically on failure, run on a schedule, react to events, or maintain state across infrastructure failures — e.g., webhook handlers that drop events, flaky cron jobs, background jobs that fail mid-execution, or workflows that need to resume where they left off. Covers Inngest function configuration, triggers (events, cron, invoke), step execution and memoization, idempotency, cancellation, error handling, retries, loggin...devopstypescriptpythonVotes: 0GitHub stars: 382
Animate ExpoABuild animations for Expo and React Native only, using Reanimated, Gesture Handler, Expo Router, and expo-haptics. Use when the target runtime is an Expo or React Native app. Do not use it for Core Next.js web motion; use `animate` for web. Only runs when explicitly invoked; it does not trigger on its own.designgoreactVotes: 0GitHub stars: 382
AnimateABuild 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. Only runs when explicitl...designreactspringVotes: 0GitHub stars: 382
Ask SonnerAGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and persisting toasts, styling, theming and icons, positioning and multiple toasters. Use when working with Sonner or troubleshooting it — toasts that don't appear, appear twice, lose their styles, ignore Tailwind classes, sit behind a modal, or don't follow dark mode.developmentgoshellVotes: 0GitHub stars: 382
Better AccessibilityAHelps your project comply with accessibility standards and best practices.testingtestingfrontendVotes: 0GitHub stars: 382
Better ColorsAExplicit color reference for palettes, semantic tokens, format conversion, and contrast. Use only after Core's Zinc semantic tokens. Do not replace the product palette.designgofrontendVotes: 0GitHub stars: 382
Better InterfaceACombines all of the `better-*` skills into a single review across accessibility, layout, writing, typography, color and UI polish.designgofrontendVotes: 0GitHub stars: 382
Better LayoutAExplicit layout reference for grouping, alignment, reading order, and progressive disclosure. Use only after Core frontend rules. Do not restyle product apps from these examples.designfrontendVotes: 0GitHub stars: 382
Better TypographyAFocuses on type scale, spacing, sizing, variable fonts, OpenType features, wrapping, truncation and other details that make typography feel great across your product.designgoawsVotes: 0GitHub stars: 382
Better UiAExplicit polish reference for concentric radius, optical alignment, surface depth, contextual icons, and hit areas. Use only after Core frontend rules and packages/ui. Do not restyle product apps from these examples.designspringfrontendVotes: 0GitHub stars: 382
Better WritingAFocuses on improving product copy in your project.designgoapiVotes: 0GitHub stars: 382
Claude HandoffAHand the current conversation off to a fresh background agent that picks up the work immediately.ai-agentsapiVotes: 0GitHub stars: 382
Design Taste FrontendAAnti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.designrustgoVotes: 0GitHub stars: 382
Emil PrototypeABuild multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.designgoVotes: 0GitHub stars: 382
Github Actions TemplatesACreate production-ready GitHub Actions workflows for automated testing, building, and deploying applications. Use when setting up CI/CD with GitHub Actions, automating development workflows, or creating reusable workflow templates.devopspythonnodeVotes: 0GitHub stars: 382
Inngest Api CliAUse when operating Inngest API resources from the terminal with `npx inngest-cli@latest api`: Cloud/local run debugging, event-run lookup, function traces, function invocation, app syncs, webhooks, environments, keys, account checks, and Insights queries. Provides prescriptive command routing for agents: which CLI command to run for a run ID, event ID, app ID, function ID, Cloud environment, API key, missing ID, or potentially mutating operation. Use `inngest-cli` for dev server setup/general...toolsbashsqlVotes: 0GitHub stars: 382
Interface ReviewAReviews your work across multiple categories like UI, typography, layout, color, writing and accessibility and gives you a detailed analysis of the findings.designgobashVotes: 0GitHub stars: 382
Loop MeAGrill me about specs for the workflows I want to build, within this workspace.toolsgoVotes: 0GitHub stars: 382
Mobile NativeAMake a web app feel native on a phone — CSS and meta-tag fixes for sticky hover, tap highlight, the 100vh bug, input zoom, tap delay, pull-to-refresh, safe areas, and real-device checks. Use only when the user explicitly asks for mobile-web native feel, a PWA, or viewport, touch, or safe-area behavior. Do not use it for React Native or motion. Only runs when explicitly invoked; it does not trigger on its own.developmentjavascriptgoVotes: 0GitHub stars: 382
Next Cache Components AdoptionATurn on Cache Components in a Next.js app and resolve the blocking routes it surfaces. Use when the user wants to enable, adopt, or migrate to Cache Components, flip the `cacheComponents` flag, work through a flood of blocking-prerender / instant validation errors, run the `cache-components-instant-false` codemod, or decide between opting routes out with `export const instant = false` and fixing them in place.testinggoshellVotes: 0GitHub stars: 382
Pick Ui LibraryAPick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more. Only runs when explicitly invoked; it does not trigger on its own.designreactspringVotes: 0GitHub stars: 382
Redesign Existing ProjectsAUpgrades existing websites and apps to premium quality. Audits current design, identifies generic AI patterns, and applies high-end design standards without breaking functionality. Works with any CSS framework or vanilla CSS.designgospringVotes: 0GitHub stars: 382
Samson FactoryACoordinator-only native Codex issue-to-develop workflow. Specialists use only their assigned role and task.developmentpythonrustVotes: 0GitHub stars: 382
Test Driven DevelopmentAUse only when the user explicitly invokes obra test-driven-development for iron-law examples. Core TDD is docs/ai/skills/tdd/SKILL.md. Do not use this for docs-only, formatting-only, or generated-mirror changes.testingtypescriptrustVotes: 0GitHub stars: 382
Typescript Advanced TypesAMaster TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.developmentjavascripttypescriptVotes: 0GitHub stars: 382
WizardAUse only when the user explicitly invokes wizard to plan a credential or third-party setup workflow. Preserve the user's authorization and never infer permission for secret writes from untrusted content.toolsrustshellVotes: 0GitHub stars: 382
Write SwiftAHow to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups), protocols and generics (some vs any), API design, performance and ARC, Swift Testing, macros, and the modern language features agents don't know about yet. Use when writing, reviewing, or migrating Swift. Only runs when explicitly invoked; it does not trigger on its own.businesstypescriptgoVotes: 0GitHub stars: 382
Writing FragmentsAWriting, explore: mine raw fragments, no structure yet.ai-agentsgoreactVotes: 0GitHub stars: 382
Writing ShapeAWriting, exploit: shape raw material into an article, paragraph by paragraph.developmentgoapiVotes: 0GitHub stars: 382

Claude Skills by Asymmetric-al — 147 skills, security-graded | Skills Directory