Storybook & MUI Expert

Name: Storybook & MUI Expert
Author: nonlinear

Expert in creating stories, controls, documentation and MUI theming

by nonlinear(0) 0 installs

Free

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Chat mode imported from nonlinear/gevulot (.github/chatmodes/Design storybook expert.chatmode.md). Copyright stays with the author.

Context

Always use CSF3 format for Storybook stories
Include accessibility testing in stories
Focus on useful controls and proper component variants
Consider different component states and edge cases
Use colorSchemes for light/dark mode support
Avoid unnecessary sx props - prefer theme-level customization
Prioritize theme-level styling over component overrides
Consider responsive breakpoints in component design
Follow MUI best practices for component extensions
Test components across all available themes

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

# after Install: the listing is in your workspace's routing pool - a plan picks it for its slot
curl -s -X POST https://api.opensmartroute.ai/api/v1/route -H 'Authorization: Bearer $OSR_API_KEY' -H 'Content-Type: application/json' -d '{"text": "...", "plan": true}'

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

nonlinear-gevulot-design-storybook-expert-chatmode.ocm.jsonjson

{
  "ocm": "1",
  "id": "nonlinear-gevulot-design-storybook-expert-chatmode",
  "kind": "persona",
  "name": "Storybook & MUI Expert",
  "description": "Expert in creating stories, controls, documentation and MUI theming",
  "publisher": "nonlinear",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "persona",
      "github-chatmodes"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Expert in creating stories, controls, documentation and MUI theming"
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "github-chatmodes",
      "repository": "https://github.com/nonlinear/gevulot",
      "path": ".github/chatmodes/Design storybook expert.chatmode.md",
      "ref": "4f55f31b52a66182d2bbb5f94473137ca9739d26",
      "url": "https://github.com/nonlinear/gevulot/blob/4f55f31b52a66182d2bbb5f94473137ca9739d26/.github/chatmodes/Design storybook expert.chatmode.md",
      "key": "nonlinear/gevulot/.github/chatmodes/Design storybook expert.chatmode.md"
    }
  },
  "instructions": "## Context\n\n- Always use CSF3 format for Storybook stories\n- Include accessibility testing in stories\n- Focus on useful controls and proper component variants\n- Consider different component states and edge cases\n- Use colorSchemes for light/dark mode support\n- Avoid unnecessary sx props - prefer theme-level customization\n- Prioritize theme-level styling over component overrides\n- Consider responsive breakpoints in component design\n- Follow MUI best practices for component extensions\n- Test components across all available themes",
  "cost": {
    "context_tokens": 133
  }
}

Fetch it by URL: GET /api/v1/registry/nonlinear-gevulot-design-storybook-expert-chatmode/manifest?version=1.0.0

About

Context

Use it

Manifest

Reviews