artmsilva

This skill should be used when the user asks to "inspect CSS output", "show generated CSS", "debug styles", "see what CSS is generated", "view layer structure", or wants to understand what CSS Seams produces for a component.

This skill should be used when the user asks to "check RSC compatibility", "verify server component support", "is this RSC safe", "will this work in server components", "audit for client-side code", or wants to verify components work with React Server Components.

This skill should be used when the user asks to "create a theme", "set up theme tokens", "configure design tokens", "add colors/spacing/typography", "build a theme config", or wants help structuring a Seams theme configuration.

This skill should be used when the user asks to "debug extraction", "why isn't CSS being extracted", "build plugin not working", "styles missing after build", "analyze AST", or needs to troubleshoot the build-time CSS extraction pipeline.

This skill should be used when the user asks to "migrate from Stitches", "convert Stitches to RSC", "upgrade to Seams", "replace @stitches/react", or mentions migrating existing Stitches.js code to Seams.

Track and report professional achievements with the bragkit CLI. Use when the user wants to collect their work (merged GitHub PRs, resolved Jira issues, Confluence pages, Slack kudos) into a local database, generate achievement or compensation reports, prepare for a performance review / promo packet / résumé, or browse achievements in the dashboard. Triggers on "track my achievements", "what did I ship", "brag book", "prep for my review", "compensation case", "collect my PRs".

Add a new data-source collector to bragkit. Use when the user wants to pull achievements from a new source (GitLab, Linear, a REST API, local git log, calendar, RSS, anything) into bragkit, says "add a collector", "support <service>", "track my <X>", or "write a bragkit collector". Walks through the one-function contract, a copy-paste TypeScript template, registration, and tests.

Guides creating a Google service account, enabling the Sheets API, formatting the GOOGLE_SERVICE_KEY JSON as one line, and sharing the spreadsheet so Sheetbell can write to it. Use when setting up Google credentials, when sheet writes fail, or when seeing GOOGLE_SERVICE_KEY parse errors.

Guides creating and configuring the Slack app that Sheetbell needs — OAuth sign-in (identity.basic), the chat:write bot token, redirect URLs, and inviting the bot to a channel. Use when setting up Slack credentials, when sign-in fails, or when Slack notifications aren't posting.

Lit web components best practices and performance optimization guidelines. Use when writing, reviewing, or refactoring Lit web components. Triggers on tasks involving Lit components, custom elements, shadow DOM, reactive properties, or web component performance.