instruckt 0.4.29 → 0.4.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -219,16 +219,22 @@ instruckt({
|
|
|
219
219
|
### Example Output
|
|
220
220
|
|
|
221
221
|
```markdown
|
|
222
|
-
# UI Feedback: /
|
|
222
|
+
# UI Feedback: /dashboard
|
|
223
223
|
|
|
224
224
|
## 1. Change the submit button color to green
|
|
225
|
-
- Element: `button.btn-primary` in `
|
|
225
|
+
- Element: `button.btn-primary` in `LoginForm`
|
|
226
|
+
- Source: `src/components/LoginForm.tsx:42:5`
|
|
227
|
+
- Component stack:
|
|
228
|
+
- LoginForm `src/components/LoginForm.tsx:42:5`
|
|
229
|
+
- AuthPage `src/pages/AuthPage.tsx:18:3`
|
|
230
|
+
- App `src/App.tsx:8:7`
|
|
226
231
|
- Classes: `btn btn-primary`
|
|
227
232
|
- Text: "Submit Login"
|
|
228
233
|
- Screenshot: `.instruckt/screenshots/01JWXYZ.png`
|
|
229
234
|
|
|
230
235
|
## 2. Make the login card have rounded corners
|
|
231
|
-
- Element: `div.bg-white` in `
|
|
236
|
+
- Element: `div.bg-white` in `LoginCard`
|
|
237
|
+
- Source: `src/components/LoginCard.tsx:15:3`
|
|
232
238
|
- Classes: `bg-white dark:bg-white/10 border`
|
|
233
239
|
```
|
|
234
240
|
|
|
@@ -286,7 +292,7 @@ Default shortcuts (customizable via `keys` config):
|
|
|
286
292
|
|
|
287
293
|
## Features
|
|
288
294
|
|
|
289
|
-
- **Framework detection** — automatically identifies Livewire, Vue, Svelte, and React components
|
|
295
|
+
- **Framework detection** — automatically identifies Livewire, Vue, Svelte, and React components with full component stacks and precise source locations (file:line:column) via [element-source](https://github.com/aidenybai/element-source)
|
|
290
296
|
- **Screenshots** — capture element or region screenshots; uses DOM-to-image on standard apps, automatically falls back to Screen Capture API on shadow DOM frameworks (Flux UI, etc.)
|
|
291
297
|
- **Shadow DOM isolation** — all UI renders in shadow roots so it never conflicts with your styles
|
|
292
298
|
- **Copy as markdown** — annotations auto-copy as structured markdown optimized for AI agents
|