NeVibeCode · 15 items
IDE rules for Design
Rules for Design: what each one does, an install command and example prompts.
spec-driven-workflow-v1
official rule This rule structures work from requirements analysis through design, implementation, and validation. Use it when you want decisions and progress recorded in project files.
★ 40,451repo stars
power-bi-report-design-best-practices
official rule This rule guides Power BI chart selection and report layout. Use it when planning a page, navigation, or visual explanations.
★ 40,451repo stars
pcf-fluent-modern-theming
official rule This rule shows how to style PCF components with an app’s modern theme. Use it with Fluent UI controls or custom elements that read theme tokens.
★ 40,451repo stars
lwc
official rule Defines Salesforce Lightning Web Components conventions for GitHub Copilot, covering folder structure, standard UI tags, and SLDS utility classes.
★ 40,451repo stars
html-css-style-color-guide
official rule This rule guides color choices for HTML and CSS, from backgrounds and text to gradients. Use it when editing browser-facing styles and checking contrast.
★ 40,451repo stars
toss-style-design-system rule This Cursor rule guides the agent toward restrained product interfaces with clear hierarchy, grayscale structure, and limited accent color. Use it when editing UI components or styles.
★ 41,024repo stars
tailwind-react-firebase-cursorrules-prompt-file rule A Cursor rule that sets conventions for a mobile-first web app built with Tailwind, React and Firebase.
★ 41,024repo stars
react-chakra-ui-cursorrules-prompt-file rule A Cursor rule for React projects using Chakra UI, covering component style, theming, responsive layouts, accessibility, and project structure.
★ 41,024repo stars
nextjs-material-ui-tailwind-css-cursorrules-prompt rule A Cursor rule for Next.js projects using TypeScript, Tailwind CSS, Material UI, and App Router. It fits projects built around this stack.
★ 41,024repo stars
landing-page-image-quality-cursorrules-prompt-file rule Stops Cursor from injecting placeholder image URLs into user-facing pages, requiring real project assets, fixed dimensions, and valid alt attributes.
★ 41,024repo stars
kubestellar-console rule Rules for KubeStellar Console development across its React/TypeScript frontend and Go backend. Useful for dashboard cards and multi-cluster queries.
★ 41,024repo stars
html-tailwind-css-javascript-cursorrules-prompt-fi rule A Cursor rule for HTML, Tailwind CSS, and vanilla JavaScript work. Use it when an agent needs clear coding constraints for frontend files.
★ 41,024repo stars
shadcn rule A Cursor rule that pins down how a team builds with shadcn/ui: folder layout, typed props, CVA variants, forms on React Hook Form and Zod. Useful once a component library starts growing.
★ 3,579repo stars
chakra-ui rule A Cursor rule that tells the agent how to build Chakra UI v2 interfaces: token-first theming, component recipes, style props instead of CSS.
★ 3,579repo stars
ant-design rule A Cursor rule that tells the agent how to build UI with Ant Design v6.x: tokens for theming, the grid for layout, accessible components. Useful on React projects already using antd.
★ 3,579repo stars
