Agent skill
frontend-design-common-issues
Sub-skill of frontend-design: Common Issues.
Install this agent skill to your Project
npx add-skill https://github.com/vamseeachanta/workspace-hub/tree/main/.claude/skills/_archive/business/content-design/frontend-design/common-issues
SKILL.md
Common Issues
Common Issues
Issue: Design looks generic
- Cause: Using default fonts and colors
- Solution: Audit for Inter/Roboto/system fonts, replace with distinctive choices
Issue: Animations feel janky
- Cause: Using wrong easing or duration
- Solution: Use
ease-outfor entrances, keep durations 200-600ms
Issue: Layout breaks on mobile
- Cause: Fixed widths or no responsive breakpoints
- Solution: Use relative units, add media queries, test at 320px
Issue: Colors clash in dark mode
- Cause: Using light-mode palette directly
- Solution: Design dark mode first, derive light mode from it
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
vamseeachanta/workspace-hub
gsd-complete-milestone
Archive completed milestone and prepare for next version
vamseeachanta/workspace-hub
gsd-reapply-patches
Reapply local modifications after a GSD update
vamseeachanta/workspace-hub
gsd-verify-work
Validate built features through conversational UAT
vamseeachanta/workspace-hub
gsd-thread
Manage persistent context threads for cross-session work
vamseeachanta/workspace-hub
clinical-trial-protocol
Generate clinical trial protocols for medical devices or drugs through a modular, waypoint-based architecture with research-only and full protocol modes.
vamseeachanta/workspace-hub
single-cell-rna-qc
Performs quality control on single-cell RNA-seq data (.h5ad or .h5 files) using scverse best practices with MAD-based filtering and comprehensive visualizations.
Didn't find tool you were looking for?