ShipIt
Official@shipiit · Poland
SHIPIT is an AI coding agent that lives in your terminal and connects to every messaging platform you already use.
Agent Skills by ShipIt
Showing 11 vetted skills indexed across 1 GitHub repositories.
shipiitcode-presentation
Apply token-driven, accessibility-aware code-block presentation to UI documentation.
shipiitdata-visualization
Enforce accurate encoding, accessibility, and responsive behavior in UI charts.
shipiitdesign-system-keeper
Detect and rewrite hardcoded UI design literals into semantic token references.
shipiitmotion-design
Standardize UI motion with token-based easings, durations, and stagger patterns.
shipiitimages-and-media
Enforce image format, layout stability, and loading policies in UI components.
shipiitdashboard-design
Guide dashboard UI design for admin surfaces with KPI and table patterns.
shipiitrich-ui-patterns
Apply rich modern UI patterns to marketing and landing interfaces.
shipiitui-design-principles
Evaluate UI code against a senior design rubric across hierarchy, spacing, color, typography, motion, density, components, and accessibility.
shipiitcolor-engineering
Generate OKLCH color ramps and dark-mode tokens with WCAG and APCA contrast checks.
shipiitsvg-illustration
Generate SVG illustrations with design tokens, viewBox conventions, and accessibility.
shipiitthree-d-scene
Author React Three Fiber scenes with performance and accessibility guardrails.
Frequently Asked Questions About ShipIt
FAQPage SchemaWhat specific UI tasks does ShipIt enable?▼
ShipIt enables the enforcement of design system integrity by rewriting hardcoded literals into semantic tokens, generating accessible OKLCH color ramps, and validating UI components against senior design rubrics. It ensures consistent motion patterns, responsive chart behavior, and performance-optimized 3D scene rendering within React environments.
Which personas benefit from these design system capabilities?▼
Frontend engineers, design system architects, and UI developers benefit from these capabilities. The system is specifically designed for teams managing complex admin dashboards, marketing interfaces, and high-fidelity component libraries who require automated governance to maintain visual consistency and accessibility standards across large-scale web applications.
What are the primary dependencies for implementing these design standards?▼
Implementation requires a project utilizing a component-based architecture, specifically supporting React and React Three Fiber for 3D elements. Users must have an established design system foundation to map semantic tokens effectively, as the system relies on existing token-driven infrastructure to enforce spacing, typography, and color constraints.