design-to-react
Design to React
Convert design component specifications to React components.
Overview
This skill transforms design specifications into idiomatic React components with TypeScript support, proper prop interfaces, and flexible styling approaches.
This skill covers:
- Converting design frames to React component hierarchy
- Mapping design properties to CSS/styled-components
- Generating TypeScript interfaces for props
- Creating Storybook stories for documentation
This skill does NOT cover:
More from arustydev/ai
cross-browser-compatibility
Browser API differences, polyfills, and feature detection for Firefox, Chrome, Safari, and Edge extensions
16pkgmgr-homebrew-formula-dev
Create, test, and maintain Homebrew formulas. Use when adding packages to a Homebrew tap, debugging formula issues, running brew audit/test, or automating version updates with livecheck. Use when creating a new Homebrew formula for a project.
15seo-for-developers
SEO fundamentals for technical blog posts — meta tags, structured data, keyword placement, and readability optimization
15extension-anti-patterns
Common mistakes, performance pitfalls, and store rejection reasons in browser extension development
12wxt-framework-patterns
Comprehensive WXT browser extension framework patterns, security hardening rules, and cross-browser configuration
12beads
>
11