m-de-graaff
Community@m-de-graaff
A 44-skill registry covering React, TypeScript, FastAPI, Redis, Git, testing, debugging, UI motion, accessibility, and disciplined software delivery practices.
Agent Skills by m-de-graaff
Showing 44 vetted skills indexed across 1 GitHub repositories.
m-de-graaffreact-patterns
Guides writing and reviewing React components, hooks, state placement, and data fetching patterns.
m-de-graaffusing-git-worktrees
Creates isolated git worktrees with baseline test verification before starting feature work.
m-de-graaffreviewing-animations
Reviews animation code in diffs and PRs against ten motion craft standards.
m-de-graaffsystematic-debugging
Diagnose root causes of bugs and test failures before applying fixes.
m-de-graaffredis-patterns
Implements Redis caching, rate limiting, distributed locks, and streams with atomic Lua-based patterns.
m-de-graaffusing-toolkit
Routes incoming tasks to the appropriate skills and sizes the process to the change.
m-de-graafffinding-animation-opportunities
Scans interface code for moments that benefit from motion and proposes exact animation recipes.
m-de-graaffreact-performance
Diagnose and fix React and Next.js performance issues across waterfalls, bundles, and re-renders.
m-de-graaffapple-interface-patterns
Implements gesture-driven web UI with springs, velocity handoff, momentum projection, and translucent materials.
m-de-graaffapi-connector-builder
Builds API integrations that follow a codebase's existing connector conventions.
m-de-graaffdispatching-parallel-agents
Dispatch independent work to parallel subagents with structured prompts and verified integration.
m-de-graaffgit-workflow
Automates git branching, committing, PR creation, stacking, and release versioning with enforced safety rules.
m-de-graaffwriting-prose
Edits prose drafts by cutting filler, hedges, and machine-writing tells.
m-de-graaffexecuting-plans
Executes written implementation plans with task tracking, verification, and review checkpoints.
m-de-graaffcompetitive-benchmarking
Scores competitors on weighted dimensions with sourced evidence and a two-axis positioning plot.
m-de-graaffbackend-patterns
Guides server-side code design covering layers, queries, transactions, caching, queues, auth, and logging.
m-de-graaffapi-design
Designs HTTP API contracts covering URLs, methods, status codes, pagination, and versioning.
m-de-graaffobservability
Design structured logging, metrics, tracing, and alerting for production systems.
m-de-graafffastapi-patterns
Guides writing and reviewing FastAPI routers, schemas, dependencies, services, and async handlers.
m-de-graaffmake-interfaces-feel-better
Applies optical CSS polish rules to controls, cards, text, images, and hit areas.
m-de-graaffauditing-animations
Audits motion across a codebase and writes prioritized animation fix plans.
m-de-graaffpicking-ui-libraries
Recommends one curated frontend library for a given UI task from an opinionated list.
m-de-graaffoptimization-loop
Runs a measured, bounded search to find the fastest correct variant of an operation.
m-de-graaffreporting-work
Structure status updates and work reports with an outcome-first format.
Frequently Asked Questions About m-de-graaff
FAQPage SchemaWhat tasks can I accomplish with m-de-graaff's skills?▼
The 44 skills cover writing and reviewing React, TypeScript, and FastAPI code, designing HTTP endpoints, adding Redis caching and locks, running database migrations, setting up CI pipelines, writing tests, debugging failures, auditing UI animations, ensuring WCAG accessibility, and managing Git commits, worktrees, and pull requests.
Who are these skills designed for?▼
Software engineers working across the stack: frontend developers building React and Next.js interfaces, backend developers writing FastAPI services and SQL migrations, and any engineer handling code review, testing, debugging, observability, or sprint ticket management in Jira.
How do the skills work together in practice?▼
The using-toolkit skill runs at the start of any task to select applicable skills in order. Typical chains include brainstorming and eliciting-requirements, then writing-plans, executing-plans, writing-tests, requesting-code-review, and verification-before-completion before committing via git-workflow.
What prerequisites or dependencies do these skills require?▼
Skills are invoked contextually by their descriptions; no external installs are specified in the manifest. Relevant environments include React/Next.js projects, FastAPI with Pydantic and pytest, Redis deployments, Git repositories, GitHub Actions CI, and databases migrated via Alembic, Prisma, Django, or Rails.
Do the skills cover UI design and motion quality?▼
Yes. Five skills address interface craft: animation-principles for easing and springs, reviewing-animations and auditing-animations for motion quality gates, finding-animation-opportunities for missing motion, and apple-interface-patterns for gesture-driven, interruptible interactions with translucent materials.