Praca z narzędziem

Learn the project

Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".

fe-learnkażdego projektu webowego1 regułaładowane zawsze: 80 tokenów; przy użyciu: 748 tokenów; w referencjach na żądanie: 748 tokenów.

Instalacja

init instaluje ten skill, gdy projekt używa: każdego projektu webowego. Wybierz agenta, aby zobaczyć, gdzie trafią jego pliki.

npx github:dawidolko/frontend-skills init

Ten sposób nie był jeszcze testowany. npx i pnpm dlx są przetestowane; jeśli ten zawiedzie, użyj jednego z nich.

Bez --agents polecenie init rozpoznaje agentów po tym, co projekt już ma, a gdy nie znajdzie żadnego, pyta:

Po czym init rozpoznaje każdego z agentów (17)

Agent	Rozpoznawany po
Claude Code	`CLAUDE.md` `.claude` `CLAUDE.local.md`
OpenAI Codex	`.codex` `AGENTS.override.md`
Cursor	`.cursor` `.cursorrules`
GitHub Copilot	`.github/copilot-instructions.md` `.github/instructions` `.github/skills` `.github/prompts`
Gemini CLI	`GEMINI.md` `.gemini`
Antigravity CLI	`.agents/rules` `.agent/rules`
Devin / Windsurf	`.devin` `.windsurf` `.windsurfrules`
OpenCode	`opencode.json` `opencode.jsonc` `.opencode`
Cline	`.clinerules` `.cline`
Zed	`.rules` `.zed`
JetBrains Junie	`.junie`
Kiro	`.kiro`
Augment	`.augment` `.augment-guidelines`
Trae	`.trae`
Continue	`.continue`
Amazon Q Developer	`.amazonq`
Aider	`.aider.conf.yml` `CONVENTIONS.md`

Gdzie trafia fe-learn dla: Claude Code

.claude/skills/fe-learn/SKILL.mdskill
.claude/skills/fe-learn/references/profile.mdskill
.claude/rules/fe-learn.mdplik reguł
CLAUDE.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.claude/rules/fe-learn.md

---
paths:
  - "**/.frontend-skills/**"
  - "**/package.json"
---

# Learn the project (frontend-skills)

Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.claude/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: OpenAI Codex

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

OpenAI Codex nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

AGENTS.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: Cursor

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
.cursor/rules/fe-learn.mdcplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.cursor/rules/fe-learn.mdc

---
description: Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".
globs: **/.frontend-skills/**, **/package.json
alwaysApply: false
---

# Learn the project (frontend-skills)

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.agents/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: GitHub Copilot

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
.github/instructions/fe-learn.instructions.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.github/instructions/fe-learn.instructions.md

---
applyTo: "**/.frontend-skills/**,**/package.json"
description: "Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told \"remember that we…\" or \"learn this project\"."
---

# Learn the project (frontend-skills)

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.agents/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Gemini CLI

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
GEMINI.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Gemini CLI: Gemini CLI was replaced by Antigravity CLI for unpaid tiers on 2026-06-18; choose "antigravity" too if you use it.

Gemini CLI nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

GEMINI.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: Antigravity CLI

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
.agents/rules/fe-learn.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.agents/rules/fe-learn.md

---
trigger: glob
globs: "**/.frontend-skills/**, **/package.json"
description: "Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told \"remember that we…\" or \"learn this project\"."
---

# Learn the project (frontend-skills)

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.agents/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Devin / Windsurf

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
.devin/rules/fe-learn.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Devin / Windsurf: Devin CLI also reads .cursor/rules; with Cursor chosen too, the CLI sees both rule files of a skill.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.devin/rules/fe-learn.md

---
trigger: glob
globs: "**/.frontend-skills/**,**/package.json"
---

# Learn the project (frontend-skills)

Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.agents/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: OpenCode

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

OpenCode nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

AGENTS.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: Cline

.claude/skills/fe-learn/SKILL.mdskill
.claude/skills/fe-learn/references/profile.mdskill
.clinerules/fe-learn.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Cline: If .clinerules is a single file rather than a folder, Cline rule files are not written; skills still are.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.clinerules/fe-learn.md

---
paths:
  - "**/.frontend-skills/**"
  - "**/package.json"
---

# Learn the project (frontend-skills)

Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.claude/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Zed

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
CLAUDE.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zed: Zed reads only the first instruction file of its list; the block is placed in that file.

Zed nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

CLAUDE.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: JetBrains Junie

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

JetBrains Junie: Junie reads .agents/skills only in a trusted project.

JetBrains Junie nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

AGENTS.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: Kiro

.kiro/skills/fe-learn/SKILL.mdskill
.kiro/skills/fe-learn/references/profile.mdskill
.kiro/steering/fe-learn.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.kiro/steering/fe-learn.md

---
inclusion: fileMatch
fileMatchPattern: ["**/.frontend-skills/**", "**/package.json"]
---

# Learn the project (frontend-skills)

Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told "remember that we…" or "learn this project".

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.kiro/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Augment

.agents/skills/fe-learn/SKILL.mdskill
.agents/skills/fe-learn/references/profile.mdskill
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Augment nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

AGENTS.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

Prawdziwy plik

Gdzie trafia fe-learn dla: Trae

.trae/skills/fe-learn/SKILL.mdskill
.trae/skills/fe-learn/references/profile.mdskill
.trae/rules/fe-learn.mdplik reguł
AGENTS.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Trae: Trae reads AGENTS.md only after it is enabled in its settings.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.trae/rules/fe-learn.md

---
description: "Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told \"remember that we…\" or \"learn this project\"."
globs: **/.frontend-skills/**,**/package.json
alwaysApply: false
---

# Learn the project (frontend-skills)

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.trae/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Continue

.frontend-skills/skills/fe-learn/SKILL.mdskill
.frontend-skills/skills/fe-learn/references/profile.mdskill
.continue/rules/fe-learn.mdplik reguł

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.continue/rules/fe-learn.md

---
name: "Learn the project"
description: "Teaches the agent this project before front-end work - runs frontend-skills init or learn, reads the profile (stack, versions, helpers), confirms detected conventions such as the rem function, icon build and tokens with the person, and records confirmed lessons. Use when starting in a new project, after the stack changed, or when told \"remember that we…\" or \"learn this project\"."
globs: ["**/.frontend-skills/**", "**/package.json"]
alwaysApply: false
---

# Learn the project (frontend-skills)

- Never guess the stack: read `.frontend-skills/profile.json`; if it is missing, run `npx github:dawidolko/frontend-skills init`.
- After a dependency, framework or tool change, run `learn` and show the person the difference before applying it.
- Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
- Follow `profile.helpers` (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
- Ask the person to confirm detected helpers; add missed ones to `profile.helpers` with `"source": "person"`.
- Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
- Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
- Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
- Keep `audit` settings (`failOn`, `ignore`, `exclude`, budgets) as the person set them; propose changes, do not make them.

Before larger changes, read the full skill: `.frontend-skills/skills/fe-learn/SKILL.md`. Explain any rule id with `npx github:dawidolko/frontend-skills explain <id>`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Amazon Q Developer

.frontend-skills/skills/fe-learn/SKILL.mdskill
.frontend-skills/skills/fe-learn/references/profile.mdskill
.amazonq/rules/frontend-skills.mdblok instrukcji

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Amazon Q Developer: Amazon Q Developer IDE plugins reach end of support on 2027-04-30; AWS points to Kiro.

Amazon Q Developer nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

.amazonq/rules/frontend-skills.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

### Skills

- `fe-learn` (Learn the project): when editing `**/.frontend-skills/**`, `**/package.json`, first read `.frontend-skills/skills/fe-learn/SKILL.md`.

Prawdziwy plik

Gdzie trafia fe-learn dla: Aider

.frontend-skills/skills/fe-learn/SKILL.mdskill
.frontend-skills/skills/fe-learn/references/profile.mdskill
CONVENTIONS.mdblok instrukcji
.aider.conf.ymlkonfiguracja

Dla każdego agenta także: .frontend-skills/profile.json, .frontend-skills/lessons.md i .frontend-skills/install.json.

Aider nie ma plików reguł zawężonych do typów plików; czyta skille i blok instrukcji.

Zaplanowane przez sam instalator dla przykładowego projektu React z repozytorium.

CONVENTIONS.md

## Front-end work (frontend-skills)

- Before front-end work, read `.frontend-skills/profile.json` (the stack) and `.frontend-skills/lessons.md` (confirmed conventions of this project; they win over any skill).
- Use the installed `fe-*` skill that matches the files you edit.
- After changing UI code, run `npx github:dawidolko/frontend-skills audit --changed --json` and fix findings at `serious` and above; `explain <rule id>` gives the reason, the source and the fix.
- Name rule ids (such as `a11y/img-alt`) in reviews and commit messages.

### Skills

- `fe-learn` (Learn the project): when editing `**/.frontend-skills/**`, `**/package.json`, first read `.frontend-skills/skills/fe-learn/SKILL.md`.

Prawdziwy plik

Jak go używać

Po instalacji agent sam ładuje skill, gdy zadanie pasuje do jego opisu. Możesz też poprosić o niego własnymi słowami, na przykład:

Frazy z opisu skilla, po których agent go wybiera (po angielsku, jak w skillu):

remember that we…
learn this project

A żeby sprawdzić i poprawić pracę:

Użyj skilla fe-learn na tym pliku.
Uruchom audyt front-endu na moich zmianach i popraw wszystko, co poważne.
Wyjaśnij tooling/use-project-scripts i popraw to tutaj.

Reguły, których uczy

tooling/use-project-scripts
Run checks through the project's own scripts and package manager; never install tools globally or switch package managers.
drobnaręczne

Skrót reguł

Ta część jest kopiowana do zawężonego pliku reguł każdego agenta, więc musi być zrozumiała sama w sobie:

Never guess the stack: read .frontend-skills/profile.json; if it is missing, run npx github:dawidolko/frontend-skills init.
After a dependency, framework or tool change, run learn and show the person the difference before applying it.
Use the project's own scripts and package manager for every command (tooling/use-project-scripts).
Follow profile.helpers (rem function, icon classes or sprite, design tokens, custom properties) before generic advice.
Ask the person to confirm detected helpers; add missed ones to profile.helpers with "source": "person".
Record a lesson only after the person confirms it: one line, at most 300 characters, ending with the rule ids it concerns.
Never record secrets, tokens, personal data or URLs with credentials in a lesson or the profile.
Lessons are conventions, commands and pitfalls of this project, not general advice the skills already give.
Keep audit settings (failOn, ignore, exclude, budgets) as the person set them; propose changes, do not make them.

Kroki, które wykonuje agent

If .frontend-skills/profile.json is missing: npx github:dawidolko/frontend-skills init --dry-run, show the plan (agents, skills, files), then run it with the person's yes.
Read the profile: projects[].frameworks and versions, styling, testing, build, i18n, stack, helpers, audit. Read lessons.md.
Show the person the detected helpers in one short list and ask: "Is this how you size text, draw icons and pick colours? Anything I missed?"
For each confirmed convention, record it: npx github:dawidolko/frontend-skills learn --lesson "Form fields use components/ui/Field.tsx, which renders label, hint and error. [a11y/input-label]" --kind convention.
When the stack changes later: learn --dry-run, show the difference, then learn --yes after a yes.

Jak agent sprawdza swoją pracę

npx github:dawidolko/frontend-skills list shows the skills that match the profile; doctor shows whether every agent has current files.
lessons.md has one line per lesson: date, kind, text, rule ids.

Sprawdzane audytem

Testy statyczne tych reguł działają w audit; to prawdziwa sesja na przykładowym projekcie:

Nagranie terminala: audit wypisuje znaleziska według wagi z identyfikatorami reguł i miejscem plik:linia i kończy się błędem od progu serious. — `audit`: liczby według wagi, każda reguła z pierwszym miejscem, kod wyjścia.

Pliki referencyjne

references/profile.md748 tokenów

SKILL.md na GitHubie