Skip to content

Add saas-sidebar-redesign skill#191

Draft
cloudbring wants to merge 1 commit into
beck-source:mainfrom
cloudbring:worktree-saas-sidebar-skill
Draft

Add saas-sidebar-redesign skill#191
cloudbring wants to merge 1 commit into
beck-source:mainfrom
cloudbring:worktree-saas-sidebar-skill

Conversation

@cloudbring

Copy link
Copy Markdown

Summary

  • Adds a new project skill (.claude/skills/saas-sidebar-redesign/SKILL.md) that redesigns a Vue 3 app's top nav into a modern SaaS-style vertical sidebar
  • Covers extracting design tokens from hardcoded colors/spacing, building a responsive sidebar layout, polishing shared UI classes, and delegating .vue edits to the existing vue-expert subagent with frontend-design/design-iterator for visual QA

Test plan

  • Invoke the skill against client/ and confirm it produces a working sidebar layout
  • Verify all routed views (Dashboard, Inventory, Orders, Spending, Demand, Reports) render correctly with the new sidebar
  • Verify sidebar collapses/adapts at narrow viewport widths

🤖 Generated with Claude Code

Packages the workflow for converting a Vue 3 app's top nav into a
modern SaaS-style vertical sidebar with normalized design tokens,
consistent spacing, and delegation to vue-expert/frontend-design.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant