SlashieApp
@SlashieApp Organization
Public Skills
storybook-story-conventions
by SlashieApp
Create and update Storybook stories using this repository's required conventions for @storybook/nextjs-vite, colocated story files, title/layout patterns, args shape, and provider usage. Use when adding or editing .stories.tsx files or when the user asks for Storybook stories.
page-refactor-audit
by SlashieApp
Audits and refactors App Router pages and colocated UI for repo rules, @ui usage, and Slashie design. Use when the user runs /refactor-page, asks to bring a page up to standards, align with new rules or DESIGN, or modernize route files under src/app.
update-graphql
by SlashieApp
Run codegen to fetch the latest schema, analyze .codegen/schema.ts, and fix GraphQL Document Validation errors by updating operations in src/graphql/ and affected frontend usage. Use when the user asks to update the GraphQL schema, run codegen, or sync GraphQL files.
slashie-design
by SlashieApp
Applies Slashie UI design tokens, component patterns, interactions, marketplace page patterns, and accessibility rules. Use when building or changing UI, styling pages, adding components, landing sections, dashboards, task cards, quote flows, forms, badges, navigation, or when the user mentions Slashie design, DESIGN.md, brand look-and-feel, or UI design tokens.
ui-component-from-image
by SlashieApp
Builds a new reusable Chakra UI primitive under src/ui from a reference image (layout, typography, color), verifies light and dark themes with semantic tokens, and adds a colocated Storybook story. Use when the user attaches or links a design image for a new generic component, asks to match a mockup in src/ui, or wants a Card-style shared UI building block from a screenshot.