Search Results: web-component-development

Found 6 Skills

lit-and-monaco-editor

Learn how to create a Lit web component that wraps the Monaco Editor (powering VSCode) to add a fully functional code editor to your web applications.

🇺🇸|EnglishTranslated

Frontend Developmentrodydavis/skills

2d-or-3d-force-graph-with-lit

Learn how to create interactive 2D and 3D force graphs using Lit, a lightweight web component library, with this step-by-step tutorial.

🇺🇸|EnglishTranslated

Frontend Developmentrodydavis/skills

lit-sheet-music

Learn how to create a Lit web component that renders MusicXML using OpenSheetMusicDisplay, allowing you to display sheet music dynamically from a source attribute or inline XML.

🇺🇸|EnglishTranslated

Frontend Developmentrodydavis/skills

building-a-html-element-sandbox-with-lit

Learn how to build a Lit web component to create a dynamic HTML element sandbox with live updates, perfect for experimenting with and showcasing web components.

🇺🇸|EnglishTranslated

Frontend Developmentyyh211/claude-meta-skill

frontend-design

Creates unique, production-grade frontend interfaces with exceptional design quality. Use when user asks to build web components, pages, materials, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling/beautifying any web UI). Generates creative, polished code and UI designs that avoid mediocre AI aesthetics.

🇨🇳|ChineseTranslated

Frontend Developmentjackiexiao/jackie-skills-...

frontend-design

创建具有高设计质量的独特生产级前端接口。当用户要求构建Web组件、页面、工件、海报或应用程序时（例如，包括网站、登录页面、仪表板、React组件、HTML/CSS布局，或在样式化/美化任何Web UI时），请使用此技能。生成创意、精美的代码和UI设计，避免通用的AI美学。

🇺🇸|EnglishTranslated