Agent Skills

A collection of agent skills that extend capabilities across planning, development, and tooling.

Planning & Design

These skills help you think through problems before writing code.

brainstorming — Facilitate structured discovery and design before implementation when requirements are ambiguous, high-impact, or architectural. Use for feature planning, behavior changes, system design, and trade-off analysis.

npx skills@latest add trystan2k/skills/brainstorming

frontend-design — 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.

npx skills@latest add trystan2k/skills/frontend-design

ui-ux-pro-max — UI/UX design intelligence with searchable database for high-quality design patterns and guidelines.

npx skills@latest add trystan2k/skills/ui-ux-pro-max

Development

These skills help you write, refactor, and fix code.

base-ui-react — Production-tested setup for Base UI (@base-ui-components/react) - MUI's unstyled component library that provides accessible, customizable React components using render props pattern.

npx skills@latest add trystan2k/skills/base-ui-react

biome — Use when configuring, running, or troubleshooting Biome (linter + formatter) in a JavaScript/TypeScript project.

npx skills@latest add trystan2k/skills/biome

css-architecture — Organize CSS using CSS Modules. Use when building scalable, maintainable styling systems with scoped styles and proper component isolation.

npx skills@latest add trystan2k/skills/css-architecture

improve-codebase-architecture — Explore a codebase for architectural improvement opportunities, focusing on deepening shallow modules and improving testability.

npx skills@latest add trystan2k/skills/improve-codebase-architecture

oxfmt — Use when configuring, running, or troubleshooting Oxfmt in a JavaScript/TypeScript project.

npx skills@latest add trystan2k/skills/oxfmt

oxlint — Use when configuring, running, or troubleshooting Oxlint in a JavaScript/TypeScript project.

npx skills@latest add trystan2k/skills/oxlint

playwright — Provides comprehensive guidance for writing, debugging, and maintaining Playwright tests in TypeScript.

npx skills@latest add trystan2k/skills/playwright

react — Modern React 19 patterns and best practices. Covers Server Components, Hooks, Effects, and Refs.

npx skills@latest add trystan2k/skills/react

react-view-transitions — Guide for implementing smooth, native-feeling animations using React's View Transition API.

npx skills@latest add trystan2k/skills/react-view-transitions

tanstack-start — TanStack Start best practices for full-stack React applications. Server functions, middleware, SSR, authentication, and deployment patterns.

npx skills@latest add trystan2k/skills/tanstack-start

typescript — Modern TypeScript patterns, strict type safety, and runtime validation. Covers type-first development, interfaces, utility types, and Zod.

npx skills@latest add trystan2k/skills/typescript

vite — Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration.

npx skills@latest add trystan2k/skills/vite

web-accessibility — Implement web accessibility (a11y) standards following WCAG 2.1 guidelines.

npx skills@latest add trystan2k/skills/web-accessibility

Tooling & Setup

gh-cli — GitHub CLI (gh) comprehensive reference for repositories, issues, pull requests, Actions, projects, releases, gists, codespaces, organizations, and all GitHub operations.

npx skills@latest add trystan2k/skills/gh-cli

git — MUST USE for ANY git operations. Atomic commits, rebase/squash, history search (blame, bisect, log -S).

npx skills@latest add trystan2k/skills/git

husky — Use when setting up, configuring, or troubleshooting Husky git hooks in a Node.js project.

npx skills@latest add trystan2k/skills/husky

linear-cli — Manage Linear issues from the command line using the linear cli.

npx skills@latest add trystan2k/skills/linear-cli

lint-staged — Use when configuring lint-staged to run linters only on git-staged files as part of a pre-commit hook.

npx skills@latest add trystan2k/skills/lint-staged

playwright-cli — Automates browser interactions for web testing, form filling, screenshots, and data extraction.

npx skills@latest add trystan2k/skills/playwright-cli

wrangler — Cloudflare Workers CLI for deploying, developing, and managing Workers, KV, R2, D1, and other Cloudflare resources.

npx skills@latest add trystan2k/skills/wrangler

Writing & Knowledge

basic-memory — Use when any agent must operate Basic Memory with an MCP-first approach and automatic CLI fallback for development log creation and storage.

npx skills@latest add trystan2k/skills/basic-memory

skill-development — Create new skills with proper structure, progressive disclosure, and bundled resources.

npx skills@latest add trystan2k/skills/skill-development

memory-notes — Use when any agent must create development log notes.

npx skills@latest add trystan2k/skills/memory-notes

handover - Use when the user asks to create a handover, session handover, or context dump to pass to a fresh session.

npx skills@latest add trystan2k/skills/handover