Design features as vertical slices
slice-ninjaskillsetup L2★0
anbehindY/slice-ninja ↗What it does
Slice UI designs into production HTML/CSS with responsive grid and asset optimization
Best for
Bridging designer-to-developer handoff with pixel-perfect slices that actually scale responsively.
Inputs
- · design file (Figma/PSD)
- · component spec
Outputs
- · HTML/CSS/JS slices
- · responsive breakpoints
- · optimized asset sprites
Requires
- · Figma API or PSD exporter
- · Node.js build tools
- · PostCSS
Preconditions
Design tool export, CSS preprocessor in place
Failure modes
- · Responsiveness breaks at small screens
- · Assets bloat without optimization
Trust signals
- · Figma API integration
- · Responsive grid validation
- · Asset sprite generation