SebastiaanWouters
@SebastiaanWouters
Public Skills
astro
by SebastiaanWouters
Build, migrate, debug, and optimize Astro projects using current official patterns. Use when requests mention Astro, .astro files, astro.config.*, create-astro, astro add, content collections (astro:content), image optimization (astro:assets), adapters/SSR, or content-heavy sites including blogs with Markdown/MDX, RSS, and sitemap needs.
frontend-design
by SebastiaanWouters
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. Generates creative, polished code that avoids generic AI aesthetics.
impeccable-audit
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /audit. Perform comprehensive audit of interface quality across accessibility, performance, theming, and responsive design. Generates detailed report of issues with severity ratings and recommendations. Use for frontend and UI design tasks."
impeccable-delight
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /delight. Add moments of joy, personality, and unexpected touches that make interfaces memorable and enjoyable to use. Elevates functional to delightful. Use for frontend and UI design tasks."
impeccable-bolder
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /bolder. Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use for frontend and UI design tasks."
impeccable-normalize
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /normalize. Normalize design to match your design system and ensure consistency Use for frontend and UI design tasks."
impeccable-clarify
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /clarify. Improve unclear UX copy, error messages, microcopy, labels, and instructions. Makes interfaces easier to understand and use. Use for frontend and UI design tasks."
impeccable-extract
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /extract. Extract and consolidate reusable components, design tokens, and patterns into your design system. Identifies opportunities for systematic reuse and enriches your component library. Use for frontend and UI design tasks."
impeccable-adapt
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /adapt. Adapt designs to work across different screen sizes, devices, contexts, or platforms. Ensures consistent experience across varied environments. Use for frontend and UI design tasks."
impeccable-colorize
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /colorize. Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. Use for frontend and UI design tasks."
impeccable-polish
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /polish. Final quality pass before shipping. Fixes alignment, spacing, consistency, and detail issues that separate good from great. Use for frontend and UI design tasks."
impeccable-onboard
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /onboard. Design or improve onboarding flows, empty states, and first-time user experiences. Helps users get started successfully and understand value quickly. Use for frontend and UI design tasks."
impeccable-animate
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /animate. Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use for frontend and UI design tasks."
impeccable-harden
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /harden. Improve interface resilience through better error handling, i18n support, text overflow handling, and edge case management. Makes interfaces robust and production-ready. Use for frontend and UI design tasks."
impeccable-critique
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /critique. Evaluate design effectiveness from a UX perspective. Assesses visual hierarchy, information architecture, emotional resonance, and overall design quality with actionable feedback. Use for frontend and UI design tasks."
impeccable-quieter
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /quieter. Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact. Use for frontend and UI design tasks."
impeccable-optimize
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /optimize. Improve interface performance across loading speed, rendering, animations, images, and bundle size. Makes experiences faster and smoother. Use for frontend and UI design tasks."
impeccable-simplify
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /simplify. Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use for frontend and UI design tasks."
impeccable-teach-impeccable
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /teach-impeccable. One-time setup that gathers design context for your project and saves it to your AI config file. Run once to establish persistent design guidelines. Use for frontend and UI design tasks."
blogger
by SebastiaanWouters
Write interactive technical blog posts inspired by SamWho, Josh W. Comeau, and Grokking-style pedagogy. Use when asked to create deep but approachable educational content with first-principles buildup, narrative storytelling, active learning checkpoints, and practical production guidance.
animator
by SebastiaanWouters
Create beautiful, performant, and accessible web animations with Motion One (motion.dev). Use when requests mention Motion One, motion.dev, WAAPI-based animation, UI micro-interactions, scroll-linked motion, staggered reveals, easing/timing tuning, animation performance optimization, or reduced-motion accessibility in vanilla JS/React/Vue apps.
ratatouille
by SebastiaanWouters
"Implement one prd.json task per iteration using tracer-bullet + compound mindset. Triggers on: ratatouille:."
bitwarden
by SebastiaanWouters
Retrieves API keys, passwords, secrets from Bitwarden vault using bw CLI. Triggers on missing env variables, missing API keys, missing secrets, "secret not found", "env not set", or "use bw".
mise-en-place
by SebastiaanWouters
"Create prd.json from an initial spec/idea via interview + web research. Triggers on: mise-en-place:, prep my idea, spec this out."
shadcn-ui
by SebastiaanWouters
Build UIs with shadcn/ui components. Covers CLI commands, component installation, theming with CSS variables, OKLCH colors, and customization patterns. Triggers on shadcn, shadcn-ui, add component, or theming questions.
compound
by SebastiaanWouters
"Knowledge retrieval, storage, and design system management for iterative agent loops. Use 'compound retrieve' at start, 'compound store' at end, 'compound design' for UI consistency. Prevents duplicates, manages size, keeps docs organized."
prd
by SebastiaanWouters
Generate PRD documents. Only trigger on /prd.
react-router
by SebastiaanWouters
React Router v7 Data Mode for Vite SPA with Convex backend. Triggers on routing, navigation, nested routes, protected routes, lazy loading. Use for client-side routing in Vite React apps.
pwa
by SebastiaanWouters
Progressive Web App development guidelines covering manifest configuration, service workers, offline-first strategies, mobile optimization, and safe-area handling. Triggers on "PWA", "progressive web app", "installable app", "offline app", "service worker", "web manifest".
agent-browser
by SebastiaanWouters
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use only when explicitly invoked with "use browser agent" or "use agent browser".
e2e-tester
by SebastiaanWouters
Explores UI via agent-browser, generates CI-ready tests (Playwright or Pest). Triggers on "e2e test", "write e2e tests", "test the UI", "/e2e-tester".
flyctl
by SebastiaanWouters
"Deploy and manage apps on Fly.io using flyctl CLI. Triggers on: fly deploy, fly.io, flyctl, deploy to fly. Handles launch, deploy, scale, secrets, volumes, databases."
chef
by SebastiaanWouters
Telegram communication for AI agents. ALL methods are BLOCKING. Use for user interviews, status updates, and feedback collection.
picasso
by SebastiaanWouters
Generate visual assets (favicons, icons, logos, game sprites, UI elements) using fal.ai image generation. Triggers on "generate icon", "create favicon", "make logo", "create sprite", "generate asset", "picasso".
bullet-tracer
by SebastiaanWouters
Implement features using tracer bullet approach - build minimal end-to-end vertical slice first, then expand.
code-review
by SebastiaanWouters
Comprehensive code review covering functionality, testing, QA, and AGENTS.md compliance. Triggers on "review code", "code review", "review this", "check my code". Validates correctness, test coverage, test quality, and guideline adherence.
agents-md
by SebastiaanWouters
Create/refactor AGENTS.md files. Only trigger on /agents-md.
convex
by SebastiaanWouters
Convex backend development - database, queries, mutations, actions, and real-time APIs
git-master
by SebastiaanWouters
"Git expert for atomic commits, rebase/squash, and history search (blame, bisect, log -S). Triggers on: commit, rebase, squash, who wrote, when was X added, find the commit that."
amp-review
by SebastiaanWouters
Code review using amp. Triggers on "amp-review". Reviews uncommitted local changes by default.
create-skill
by SebastiaanWouters
Create new skills. Only trigger on /create-skill.
interview
by SebastiaanWouters
Ask clarifying questions before implementing. Only trigger on /interview.
simplify-code
by SebastiaanWouters
Simplify and refine code. Only trigger on /simplify-code.
skill-from-github
by SebastiaanWouters
Create skills by learning from high-quality GitHub projects
react
by SebastiaanWouters
React v19 best practices for Vite SPA. Triggers on component design, re-renders, performance, memoization, state management, bundle optimization. Use for client-side React patterns.
laravel-boost
by SebastiaanWouters
Laravel MCP with DB queries, schema, routes, logs, artisan, tinker, docs search. Triggers on Laravel development, debugging, or database tasks.
librarian
by SebastiaanWouters
Multi-repository codebase exploration. Research library internals, find code patterns, understand architecture, compare implementations across GitHub/npm/PyPI/crates. Use when needing deep understanding of how libraries work, finding implementations across open source, or exploring remote repository structure.
documentation-lookup
by SebastiaanWouters
This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc. Trigger on "use context7"
playwriter
by SebastiaanWouters
Controls Chrome browser via Playwright MCP for web automation, testing, screenshots, and scraping. Use when explicitly asked to "use playwriter".
recursive-handoff
by SebastiaanWouters
"Execute the same task repeatedly with clean context via handoff. Triggers on: recursive loop, repeat until, keep doing until, loop until done. REQUIRES a finish condition to stop."