semi-design
Build React interfaces faster with Semi Design components and AI guidance
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install Semi Design skills?▼
Run `npx skills add DouyinFE/semi-design --all -g -y` in your terminal to install the Semi Design skill suite globally.
How to use Semi Design components with AI?▼
The skill connects your AI agent to the Semi MCP server, letting it look up component docs and source code to generate accurate usage code.
What is Semi Design?▼
Semi Design is ByteDance's open-source React UI library with 80+ components, design tokens, theming, and Figma design-to-code support.
Does Semi Design work with React 19?▼
Yes. The skill includes guidance for React 19 compatibility, including known issues and recommended usage patterns.
Can I customize Semi Design themes?▼
Yes. Semi offers 3000+ design tokens and a DSM tool to restyle components, and the skill helps your agent apply them correctly.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video