AI SummaryHeuristic scoring (no AI key configured).
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "spectrum-design-data — Cursor Rules" prompt rules to my project. Repository: https://github.com/adobe/spectrum-design-data Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
Design data, including design tokens, component schemas, and tooling for Spectrum, Adobe's design system.
Project Context
This is a Figma plugin built with TypeScript, Lit, and Spectrum Web Components. The plugin helps author component option schemas for Adobe Spectrum Design System components.
Technology Stack
• Framework: Lit (Web Components) • UI Library: Spectrum Web Components (@spectrum-web-components/*) • Language: TypeScript • Build: Webpack • Figma: Plugin API • Version Control: Git with GitHub CLI
TypeScript
• Always use explicit types, avoid any • Use interfaces for data structures (see src/index.d.ts) • Enable strict mode compliance • Use type guards where appropriate • Document complex types with JSDoc comments
Lit Components
• Use @customElement decorator for all custom elements • Use @property and @query decorators appropriately • Implement reactive properties with proper types • Use html template literals for rendering • Follow Lit lifecycle methods (connectedCallback, disconnectedCallback) • Clean up event listeners in disconnectedCallback
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts