Packs
4 packs@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · pack
curated
Ship Brand Design Guide
Generate a brand design guide including color palette, typography, UI components, and mockups.
5 skills · pack
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · pack
curated
Build Accessible React UI
Install this pack to build an accessible, performant React UI component from design to audit.
4 skills · pack
Results for “component-design”
18 skills
google-labs-code stitch-react-components
Converts Stitch designs into modular Vite and React components, or syncs existing components to match updated designs.
6.4k · bundle
openai figma-code-connect-components
Connects Figma design components to their code implementations using Figma's Code Connect feature, analyzing design structure and scanning codebases for matching components.
23.3k · bundle
openai figma-generate-design
Translates application pages, views, or multi-section layouts into Figma screens by reusing design system components, variables, and styles.
23.3k · bundle
openai figma-generate-library
Build or update a professional-grade design system in Figma from a codebase, creating variables, tokens, component libraries, theming, and documentation.
23.3k · bundle
google-labs-code stitch-react-native
Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.
6.4k · bundle
openai figma-use
Execute JavaScript in Figma files via the Plugin API to create, edit, and inspect design nodes, variables, and components.
23.3k · bundle
More results
adobe create-component
Creates complete AEM components with dialog, HTL template, Sling Model, unit tests, and clientlibs. Supports extending Core Components and project components, and can translate Figma designs into pixel-perfect HTL, CSS, and JS.
142 · bundle
vuejs-ai vue-best-practices
Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.
2.7k · bundle
dotnet author-component
Create or review Blazor components (.razor files) with correct architecture, covering parameters, EventCallback, RenderFragment, lifecycle, async patterns, disposal, and CSS isolation.
4k · bundle
dotnet plan-ui-change
Plan complex Blazor UI features by decomposing them into focused, composable components with clear data flow and implementation order.
4k
vercel-labs vercel-composition-patterns
Provides React composition patterns to avoid boolean prop proliferation, build flexible component libraries, and design reusable APIs, including React 19 changes.
28.7k · bundle
heygen figma
Import Figma designs into HyperFrames compositions as frozen assets, brand tokens, components, motion animations, and shaders.
· bundle
openai figma-implement-design
Translates Figma designs into production-ready application code with pixel-perfect accuracy, using the Figma MCP server to fetch design context, screenshots, and assets.
23.3k · bundle
google-labs-code stitch-extract-design-md
Reverse-engineer a design system from frontend source code by analyzing component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a comprehensive DESIGN.md document.
6.4k · bundle
openai figma-create-design-system-rules
Generates custom design system rules for AI coding agents by analyzing a project's codebase and conventions, then saving them to the appropriate rule file (CLAUDE.md, AGENTS.md, or .cursor/rules).
23.3k · bundle
github breakdown-feature-implementation
Creates detailed technical implementation plans for features based on a Feature PRD, including system architecture, database schema, API design, and frontend component hierarchy.
36.2k
openai winui-app
Bootstrap, develop, and design modern WinUI 3 desktop applications with C# and the Windows App SDK using official Microsoft guidance, WinUI Gallery patterns, Windows App SDK samples, and CommunityToolkit components.
23.3k · bundle
github fabric-lakehouse
Design, build, and optimize Microsoft Fabric Lakehouse solutions with guidance on core concepts, components, security, shortcuts, and performance optimization.
36.2k · bundle