Align SKILL.md front matter name with folder for all webapp skills

Made-with: Cursor

skills/accessing-webapp-data/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: accessing-data
+name: accessing-webapp-data
 description: Salesforce data access patterns. Use when adding or modifying any code that fetches data from Salesforce (records, Chatter, Connect API, etc.).
 paths:
   - "**/*.ts"

skills/building-webapp-analytics-charts/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: building-analytics-charts
+name: building-webapp-analytics-charts
 description: Add or change charts from raw data. Use when the user asks for a chart, graph, or analytics visualization from JSON/data.
 ---
 

skills/building-webapp-data-visualization/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: building-data-visualization
+name: building-webapp-data-visualization
 description: Adds data visualization components (charts, stat cards, KPI metrics) to React pages using Recharts. Use when the user asks to add a chart, graph, donut chart, pie chart, bar chart, stat card, KPI metric, dashboard visualization, or analytics component to the web application.
 ---
 

skills/building-webapp-interactive-map/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: building-interactive-map
+name: building-webapp-interactive-map
 description: Adds interactive Leaflet maps with geocoded markers to React pages. Use when the user asks to add a map, show locations on a map, display property pins, add a map view, or integrate mapping into the web application.
 ---
 

skills/building-webapp-react-components/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: building-react-components
+name: building-webapp-react-components
 description: Use when editing any React code in the web application — creating or modifying components, pages, layout, headers, footers, or any TSX/JSX files. Follow this skill for add component, add page, header/footer, and general React UI implementation patterns (shadcn UI and Tailwind CSS).
 ---
 

skills/building-webapp-weather-widget/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: building-weather-widget
+name: building-webapp-weather-widget
 description: Adds a weather widget to React pages using the free Open-Meteo API. Use when the user asks to add weather, show a forecast, display current conditions, add a weather card, or integrate weather data into the web application.
 ---
 

skills/configuring-webapp-csp-trusted-sites/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: configuring-csp-trusted-sites
+name: configuring-webapp-csp-trusted-sites
 description: Creates Salesforce CSP Trusted Site metadata when adding external domains. Use when the user adds an external API, CDN, image host, font provider, map tile server, or any third-party URL that the web application needs to load resources from — or when a browser console shows a CSP violation error.
 ---
 

skills/deploying-webapp-to-salesforce/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: deploying-to-salesforce
+name: deploying-webapp-to-salesforce
 description: Enforces the correct order for deploying metadata, assigning permission sets, and fetching GraphQL schema. Use for ANY deployment to a Salesforce org — webapps, LWC, Aura, Apex, metadata, schema fetch, or org sync. Codifies setup-cli.mjs.
 paths:
   - "**/*"

skills/exploring-webapp-graphql-schema/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: exploring-graphql-schema
+name: exploring-webapp-graphql-schema
 description: Explore the Salesforce GraphQL schema via grep-only lookups. Use before generating any GraphQL query — schema exploration must complete first.
 paths:
   - "**/*.ts"

skills/fetching-webapp-rest-api/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: fetching-rest-api
+name: fetching-webapp-rest-api
 description: REST API usage via the Data SDK fetch method. Use when implementing Chatter, Connect REST, Apex REST, UI API REST, or Einstein LLM calls — only when GraphQL is not sufficient.
 paths:
   - "**/*.ts"

skills/generating-webapp-graphql-mutation-query/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: generating-graphql-mutation-query
+name: generating-webapp-graphql-mutation-query
 description: Generate Salesforce GraphQL mutation queries. Use when the query to generate is a mutation query. Schema exploration must complete first — invoke exploring-graphql-schema first.
 paths:
   - "**/*.ts"

skills/generating-webapp-graphql-read-query/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: generating-graphql-read-query
+name: generating-webapp-graphql-read-query
 description: Generate Salesforce GraphQL read queries. Use when the query to generate is a read query. Schema exploration must complete first — invoke exploring-graphql-schema first.
 paths:
   - "**/*.ts"

skills/implementing-webapp-file-upload/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: implementing-file-upload
+name: implementing-webapp-file-upload
 description: Add file upload functionality to React webapps with progress tracking and Salesforce ContentVersion integration. Use when the user wants to upload files, attach documents, handle file input, create file dropzones, track upload progress, or link files to Salesforce records. This feature provides programmatic APIs ONLY — no components or hooks are exported. Build your own custom UI using the upload() API. ALWAYS use this feature instead of building file upload from scratch with FormData or XHR.
 ---
 

skills/integrating-webapp-agentforce-conversation-client/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: integrating-agentforce-conversation-client
+name: integrating-webapp-agentforce-conversation-client
 description: Embed an Agentforce conversation client (chat UI) into a React web application using the AgentforceConversationClient component. Use when the user wants to add or integrate a chat widget, chatbot, conversation client, agent chat, or conversational interface in a React app, or when they mention Agentforce chat, Agentforce widget, employee agent, travel agent, HR agent, or embedding a Salesforce agent. ALWAYS use this skill instead of building a chat UI from scratch. NEVER generate custom chat components, use third-party chat libraries, or implement chat with WebSockets or REST APIs. Do NOT use for Lightning Web Components (LWC), non-React frameworks.
 ---
 

skills/integrating-webapp-unsplash-images/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: integrating-unsplash-images
+name: integrating-webapp-unsplash-images
 description: Adds high-quality Unsplash images to React pages. Use when the user asks to add a hero image, background image, placeholder image, stock photo, decorative image, or any Unsplash-sourced imagery to the web application.
 ---
 

skills/using-webapp-graphql/SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: using-graphql
+name: using-webapp-graphql
 description: Salesforce GraphQL data access. Use when the user asks to fetch, query, or mutate Salesforce data, or add a GraphQL operation for an object like Account, Contact, or Opportunity.
 paths:
   - "**/*.ts"