Styled Components Best Practices

mindrally

styled-components best practices for CSS-in-JS development in React applications

Install

The individual skill folder is not confirmed. This command opens the repository’s skill selector; follow the upstream instructions.

skills CLI

npx skills add Mindrally/skills

Canvas DesignAnthropicOfficialCreates posters, art pieces and other static designs as .png or .pdf files from a design philosophy, without copying existing artists' work.Design & Frontend182.9k Repository stars
Frontend DesignAnthropicOfficialVisual design guidance for building new UI or reshaping existing UI, covering aesthetic direction and typography to avoid templated defaults.Design & Frontend182.9k Repository stars
vercel-labs/agent-skillsVercelCollectionVercel's skill collection with React and Next.js performance rules, web design guideline reviews and Vercel project cost and performance audits.Design & Frontend9 skills32.8k Repository stars
AccessibilityMicrosoftOfficialPrimary accessibility skill for VS Code. REQUIRED for new feature and contribution work, and also applies to updates of existing UI. Covers accessibility help dialogs, accessible views, verbosity settings, signals, ARIA announcements, keyboard navigation, and ARIA labels/roles.Design & Frontend194.2k Repository stars
Customizations In The Agent HostMicrosoftOfficialArchitecture and hard-won debugging lessons for customization enablement (plugins, MCP servers, agents, skills, instructions) in the agent host. Use when changing how customizations are discovered, published, enabled/disabled, or handed to a provider SDK; when a customization shows the wrong enabled state in the UI; or when a disabled MCP server or plugin is still reaching the model.Design & Frontend194.2k Repository stars
Design PhilosophyMicrosoftOfficialThe VS Code design philosophy — a shared Values→Principles→Moves vocabulary for reasoning about UI in design terms instead of raw pixels. Use when designing, building, reviewing, or giving feedback on any visual surface; when deciding a radius, spacing, type role, icon size, border, color, or motion; or when translating a "this feels off" observation into a concrete, principled fix.Design & Frontend194.2k Repository stars

Install

Related