opencode-agent-kit 1.0.15 → 1.0.18

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.
Files changed (31) hide show
  1. package/README.md +12 -7
  2. package/bin/commands/init.mjs +11 -5
  3. package/bin/init.mjs +10 -10
  4. package/package.json +6 -5
  5. package/template/.opencode/.agents.md +55 -0
  6. package/template/.opencode/agents/flutter-developer.md +1 -1
  7. package/template/.opencode/agents/it-leader.md +14 -1
  8. package/template/.opencode/agents/nuxt-frontend-developer.md +4 -4
  9. package/template/.opencode/agents/react-frontend-developer.md +4 -4
  10. package/template/.opencode/agents/sonarqube-quality.md +406 -0
  11. package/template/.opencode/commands/sonarqube-scan.md +65 -0
  12. package/template/.opencode/docs/frontend/nuxt/COMPLETION_REPORT.md +1 -1
  13. package/template/.opencode/docs/frontend/nuxt/INDEX.md +1 -1
  14. package/template/.opencode/docs/frontend/nuxt/QUICK_START.md +2 -2
  15. package/template/.opencode/docs/frontend/nuxt/README.md +8 -8
  16. package/template/.opencode/docs/frontend/nuxt/SUMMARY.md +1 -1
  17. package/template/.opencode/docs/frontend/nuxt/TESTING_GUIDE.md +1 -1
  18. package/template/.opencode/docs/frontend/nuxt/WORKFLOWS.md +1 -1
  19. package/template/.opencode/docs/frontend/react/CHEATSHEET.md +1 -1
  20. package/template/.opencode/docs/frontend/react/INDEX.md +9 -9
  21. package/template/.opencode/docs/frontend/react/QUICK_START.md +1 -1
  22. package/template/.opencode/docs/frontend/react/README.md +1 -1
  23. package/template/.opencode/docs/mobile/flutter/README.md +1 -1
  24. package/template/.opencode/skills/impeccable/SKILL.md +5 -2
  25. package/template/opencode.example.json +8 -0
  26. package/template/opencode.json +8 -0
  27. package/template/.opencode/config.example.json +0 -309
  28. package/template/.opencode/config.json +0 -285
  29. package/template/.opencode/skills/continuous-learning/config.json +0 -18
  30. package/template/.opencode/skills/continuous-learning-v2/config.json +0 -41
  31. package/template/.opencode/skills/frontend-design/SKILL.md +0 -89
package/README.md CHANGED
@@ -1,10 +1,10 @@
1
1
  <p align="center">
2
- <img src="https://raw.githubusercontent.com/defuj/ai-agent-kit/main/assets/og-image-2.webp" alt="AI Agent KIT Banner" width="100%">
2
+ <img src="https://raw.githubusercontent.com/defuj/opencode-agent-kit/main/assets/og-image-2.webp" alt="Opencode Agent KIT Banner" width="100%">
3
3
  </p>
4
4
 
5
5
  # Agent Kit — Setup Guide
6
6
 
7
- Complete setup guide for the **Agent Kit** — a portable multi-stack AI agent system for OpenCode. Includes 13 specialized agents, 62 skill playbooks, 36 slash commands, and 6 MCP servers.
7
+ Complete setup guide for the **Agent Kit** — a portable multi-stack AI agent system for OpenCode. Includes 13 specialized agents, 62 skill playbooks, 37 slash commands, and 7 MCP servers.
8
8
 
9
9
  ```bash
10
10
  npx opencode-agent-kit init # One command. Full team.
@@ -32,7 +32,7 @@ opencode-agent-kit init
32
32
 
33
33
  ## Overview
34
34
 
35
- Think of Agent Kit as an AI development team you install into any OpenCode project. An **IT Leader** orchestrates 12 specialized subagents — each one an expert in their stack. You describe what to build; the team handles the rest.
35
+ Think of Agent Kit as an AI development team you install into any OpenCode project. An **IT Leader** orchestrates 13 specialized subagents — each one an expert in their stack. You describe what to build; the team handles the rest.
36
36
 
37
37
  This repository contains a complete OpenCode agent configuration with **Leader → Subagent** architecture for software development teams.
38
38
 
@@ -53,6 +53,7 @@ This repository contains a complete OpenCode agent configuration with **Leader
53
53
  - `seo-specialist.md` — SEO Specialist — `@seo`
54
54
  - `android-developer.md` — Android Developer (Kotlin/Compose) — `@android`
55
55
  - `flutter-developer.md` — Flutter Developer (Dart) — `@flutter`
56
+ - `sonarqube-quality.md` — SonarQube Quality Scanner — `@sonarqube`
56
57
  - `nuxt-frontend-developer-mentor.md` — Nuxt mentor (standalone)
57
58
  - Internal documentation: `.opencode/docs/`
58
59
  - Frontend Nuxt: `.opencode/docs/frontend/nuxt/`
@@ -112,6 +113,7 @@ Specialized agents **not available** in built-in OpenCode:
112
113
  | **SEO** | `seo-specialist.md` | Meta tags, structured data, Core Web Vitals | SEO optimization |
113
114
  | **Android** | `android-developer.md` | Kotlin, Jetpack Compose, Gradle, Play Store | Android native development |
114
115
  | **Flutter** | `flutter-developer.md` | Dart, Flutter SDK, Material 3, Firebase | Cross-platform mobile |
116
+ | **SonarQube** | `sonarqube-quality.md` | Code quality scans, security, coverage | Quality assurance |
115
117
 
116
118
  ### Workflow
117
119
 
@@ -186,6 +188,9 @@ After installing `.opencode/`, the following slash commands are available:
186
188
  /flutter-build [target] # Build Flutter (apk/appbundle/ios/web)
187
189
  /flutter-test [type] # Run Flutter tests with coverage
188
190
  /gpc-release [track] # Publish to Google Play
191
+
192
+ # Quality
193
+ /sonarqube-scan [options] # SonarQube quality scan (issues, security, coverage)
189
194
  ```
190
195
 
191
196
  ## Using the `.opencode/` Folder
@@ -325,10 +330,10 @@ Skills are stored in `.opencode/skills/` (local in the repo) — no need to sear
325
330
  | Agent | Key Skills |
326
331
  | -------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
327
332
  | IT Leader | coding-standards, backend-patterns, frontend-patterns |
328
- | Frontend Developer (Vue) | coding-standards, frontend-patterns, frontend-design, web-design-guidelines, nuxt-ui, tdd-workflow |
329
- | Frontend Developer (React) | coding-standards, frontend-patterns, frontend-design, web-design-guidelines, vercel-react-best-practices, vercel-composition-patterns, tdd-workflow |
333
+ | Frontend Developer (Vue) | coding-standards, frontend-patterns, impeccable, web-design-guidelines, nuxt-ui, tdd-workflow |
334
+ | Frontend Developer (React) | coding-standards, frontend-patterns, impeccable, web-design-guidelines, vercel-react-best-practices, vercel-composition-patterns, tdd-workflow |
330
335
  | Backend Developer | coding-standards, backend-patterns, postgres-patterns, security-review |
331
- | UI/UX Designer | frontend-design, web-design-guidelines, building-components, nuxt-ui |
336
+ | UI/UX Designer | impeccable, web-design-guidelines, building-components, nuxt-ui |
332
337
  | Code Reviewer / QA | coding-standards, security-review, tdd-workflow, web-design-guidelines |
333
338
  | Database Specialist | postgres-patterns, backend-patterns |
334
339
  | DevOps / Infrastructure | backend-patterns, coding-standards |
@@ -383,7 +388,7 @@ If skills are not yet on your machine, copy them from this repo:
383
388
  mkdir -p ~/.opencode/skills
384
389
  cp -R ./.opencode/skills/coding-standards ~/.opencode/skills/
385
390
  cp -R ./.opencode/skills/frontend-patterns ~/.opencode/skills/
386
- cp -R ./.opencode/skills/frontend-design ~/.opencode/skills/
391
+ cp -R ./.opencode/skills/impeccable ~/.opencode/skills/
387
392
  cp -R ./.opencode/skills/web-design-guidelines ~/.opencode/skills/
388
393
  cp -R ./.opencode/skills/nuxt-ui ~/.opencode/skills/
389
394
  cp -R ./.opencode/skills/security-review ~/.opencode/skills/
@@ -247,16 +247,22 @@ export async function init(options) {
247
247
  }
248
248
 
249
249
  // 9. Write .kit-version for agent update checking
250
- const pkgJson = JSON.parse(readFileSync(join(PKG_ROOT, 'package.json'), 'utf-8'));
251
- const versionFile = join(opencodeDir, '.kit-version');
252
- writeFileSync(versionFile, pkgJson.version + '\n', 'utf-8');
250
+ const pkgJson = JSON.parse(
251
+ readFileSync(join(PKG_ROOT, "package.json"), "utf-8"),
252
+ );
253
+ const versionFile = join(opencodeDir, ".kit-version");
254
+ writeFileSync(versionFile, pkgJson.version + "\n", "utf-8");
253
255
 
254
256
  // 10. Done
255
257
  console.log(`\n ✅ opencode-agent-kit v${pkgJson.version} installed!\n`);
256
258
  console.log(` Location: ${targetDir}`);
257
259
  console.log(` What you got:`);
258
- console.log(` • opencode.json — 13 agents config with MCP servers`);
259
- console.log(` • opencode.example.json Example config for reference`);
260
+ console.log(
261
+ ` • opencode.json 13 agents config with MCP servers`,
262
+ );
263
+ console.log(
264
+ ` • opencode.example.json — Example config for reference`,
265
+ );
260
266
  console.log(` • .opencode/agents — 14 agent prompt files`);
261
267
  console.log(` • .opencode/skills/ — 60+ skill playbooks`);
262
268
  console.log(` • .opencode/commands/ — 35+ slash commands`);
package/bin/init.mjs CHANGED
@@ -1,21 +1,21 @@
1
1
  #!/usr/bin/env node
2
2
 
3
- import { Command } from 'commander';
4
- import { init } from './commands/init.mjs';
3
+ import { Command } from "commander";
4
+ import { init } from "./commands/init.mjs";
5
5
 
6
6
  const program = new Command();
7
7
 
8
8
  program
9
- .name('opencode-agent-kit')
10
- .description('Install OpenCode multi-agent toolkit into your project')
11
- .version('1.0.0');
9
+ .name("opencode-agent-kit")
10
+ .description("Install OpenCode multi-agent toolkit into your project")
11
+ .version("1.0.0");
12
12
 
13
13
  program
14
- .command('init')
15
- .description('Initialize .opencode/ configuration in current project')
16
- .option('-f, --force', 'Overwrite existing files without prompt')
17
- .option('-d, --dir <path>', 'Target project directory', process.cwd())
18
- .option('--skip-install', 'Skip npm/bun install step in .opencode/')
14
+ .command("init")
15
+ .description("Initialize .opencode/ configuration in current project")
16
+ .option("-f, --force", "Overwrite existing files without prompt")
17
+ .option("-d, --dir <path>", "Target project directory", process.cwd())
18
+ .option("--skip-install", "Skip npm/bun install step in .opencode/")
19
19
  .action(init);
20
20
 
21
21
  program.parse();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "opencode-agent-kit",
3
- "version": "1.0.15",
4
- "description": "Multi-stack OpenCode agent toolkit — 13 specialized AI agents (Nuxt, React, Node.js, Laravel, CI3, Android, Flutter, DevOps, SEO) with 62 skills, 36 commands, and 6 MCP servers",
3
+ "version": "1.0.18",
4
+ "description": "Multi-stack OpenCode agent toolkit — 13 specialized AI agents (Nuxt, React, Node.js, Laravel, CI3, Android, Flutter, DevOps, SEO, SonarQube) with 62 skills, 37 commands, and 7 MCP servers",
5
5
  "type": "module",
6
6
  "bin": {
7
7
  "opencode-agent-kit": "./bin/init.mjs"
@@ -16,11 +16,11 @@
16
16
  },
17
17
  "repository": {
18
18
  "type": "git",
19
- "url": "git+https://github.com/defuj/agent-kit.git"
19
+ "url": "git+https://github.com/defuj/opencode-agent-kit.git"
20
20
  },
21
- "homepage": "https://defuj.github.io/agent-kit",
21
+ "homepage": "https://github.com/defuj/opencode-agent-kit",
22
22
  "bugs": {
23
- "url": "https://github.com/defuj/agent-kit/issues"
23
+ "url": "https://github.com/defuj/opencode-agent-kit/issues"
24
24
  },
25
25
  "engines": {
26
26
  "node": ">=18"
@@ -42,6 +42,7 @@
42
42
  "dart",
43
43
  "devops",
44
44
  "seo",
45
+ "sonarqube",
45
46
  "coding-agent",
46
47
  "mcp",
47
48
  "playwright",
@@ -0,0 +1,55 @@
1
+ ## Goal
2
+ - Create a SonarQube quality agent that scans code via SonarQube MCP tools, generates TODOs for issues found, and delegates fixes to relevant subagents
3
+
4
+ ## Constraints & Preferences
5
+ - Must use SonarQube MCP server tools (issues, quality-gates, security-hotspots, duplications, rules, measures, projects, coverage)
6
+ - Must use `todowrite` tool for task tracking (not `todo`)
7
+ - Must follow existing agent structure with Global Rules, Core Identity, What You DO, Delegation Protocol
8
+ - Must integrate with existing agent ecosystem (it-leader.md orchestrator + 13 specialized subagents)
9
+ - Full Scan mode: Issues + Security Hotspots + Duplications + Coverage + Dependencies + Quality Gate
10
+ - Trigger: Manual via `/sonarqube-scan` command or `@sonarqube` mention
11
+ - Landing page (index.html) and all documentation must reflect 13 agents, 37 commands, 7 MCP servers
12
+
13
+ ## Progress
14
+ ### Done
15
+ - Fetched SonarQube MCP server documentation and available toolsets
16
+ - Reviewed existing agent configurations (it-leader.md, code-reviewer.md)
17
+ - Created `.opencode/agents/sonarqube-quality.md` (406 lines) — full agent definition with scan modes, delegation matrix, issue lifecycle, output contracts
18
+ - Created `.opencode/commands/sonarqube-scan.md` (65 lines) — slash command with options (--project, --severity, --quick, --rescan)
19
+ - Updated `.opencode/agents/it-leader.md` — added `@sonarqube` to subagents table, capabilities reference, decision tree, verification policy, session subagents list
20
+ - Updated `AGENTS.md` — updated agent count (12→13), added Quality category, SonarQube to subagents list, added SonarQube to MCP servers
21
+ - Updated `index.html` — meta tags, hero badge, subtitle, stats, terminal, orbital nodes, marquee, agent cards, MCP section (all reflect 13 agents, 37 commands, 7 MCP)
22
+ - Updated `README.md` — counts, agent list, custom agents table, commands section
23
+ - Updated `package.json` — description, keywords
24
+
25
+ ### In Progress
26
+ - (none)
27
+
28
+ ### Blocked
29
+ - (none)
30
+
31
+ ## Key Decisions
32
+ - File name: `sonarqube-quality.md` (not `sonarqube-agent.md`) to match naming convention
33
+ - Three operating modes: `quick` (issues only), `full` (all 10 toolsets), `pr` (PR scope)
34
+ - Delegation matrix routes fixes by file extension to 11 domain subagents including `@security-reviewer` for hotspots
35
+ - Issue lifecycle: OPEN → SCANNED → TODO_CREATED → DELEGATED → FIX_APPLIED → RE_SCANNED → VERIFIED/ACCEPTED
36
+ - SonarQube MCP server needs toolsets enabled: `issues,security-hotspots,duplications,coverage,dependency-risks,quality-gates,measures,projects,rules`
37
+
38
+ ## Next Steps
39
+ - (all documentation updated — task complete)
40
+
41
+ ## Critical Context
42
+ - SonarQube MCP tools: `search_sonar_issues_in_projects`, `search_security_hotspots`, `search_duplicated_files`, `get_duplications`, `search_files_by_coverage`, `get_file_coverage_details`, `search_dependency_risks`, `get_quality_gate_status`, `get_component_measures`, `search_my_sonarqube_projects`, `get_rule`, `get_analysis`, `change_sonar_issue_status`, `change_security_hotspot_review_status`
43
+ - Agent must NOT be a coder — only scan, report, create TODOs, and delegate
44
+ - Delegation targets: `@frontend-nuxt`, `@frontend-react`, `@backend`, `@ci3`, `@laravel`, `@android`, `@flutter`, `@database`, `@devops`, `@security-reviewer`
45
+ - Severity mapping: Blocker/Critical → high priority, Major → medium, Minor/Info → low
46
+ - Existing agents count updated from 12 to 13 across all documentation
47
+
48
+ ## Relevant Files
49
+ - `.opencode/agents/sonarqube-quality.md`: New SonarQube quality agent definition (406 lines)
50
+ - `.opencode/commands/sonarqube-scan.md`: New slash command for triggering scans (65 lines)
51
+ - `.opencode/agents/it-leader.md`: Updated orchestrator — added `@sonarqube` to subagents, delegation tree, capabilities
52
+ - `AGENTS.md`: Updated project documentation — agent count, categories, MCP servers
53
+ - `index.html`: Landing page — updated to reflect 13 agents, SonarQube card, 37 commands, 7 MCP servers
54
+ - `README.md`: Setup guide — updated counts, agent list, custom agents table, commands
55
+ - `package.json`: NPM package metadata — updated description and keywords
@@ -90,7 +90,7 @@ If user does not specify mode, infer automatically from task size and risk.
90
90
  1. **`coding-standards`** — Universal coding standards and best practices
91
91
  2. **`flutter`** — Comprehensive Flutter patterns, architecture, state management, and testing
92
92
  3. **`frontend-patterns`** — Mobile UI patterns and component architecture
93
- 4. **`frontend-design`** — Design thinking and aesthetic implementation
93
+ 4. **`impeccable`** — Impeccable design intelligence: typography, color, layout, motion, critique, and polish
94
94
  5. **`web-design-guidelines`** — UI/UX compliance and accessibility
95
95
 
96
96
  ### Contextual Skills (Load when needed)
@@ -51,6 +51,7 @@ You are a **senior IT Leader / Technical Project Manager / Solution Architect**.
51
51
  - Research external dependencies or clone repos (delegate to `@scout`)
52
52
  - Execute complex multi-step research or tasks (delegate to `@general`)
53
53
  - Run security scanning or audits (delegate to `@security-reviewer`)
54
+ - Run SonarQube quality scans or issue triage (delegate to `@sonarqube`)
54
55
  - Fix build errors, TypeScript errors, or compilation issues (delegate to `@build-error-resolver`)
55
56
  - Run code review or quality checks (delegate to `@code-reviewer` or `@reviewer`)
56
57
  - Perform dead code cleanup or refactoring (delegate to `@refactor-cleaner`)
@@ -79,6 +80,7 @@ You are a **senior IT Leader / Technical Project Manager / Solution Architect**.
79
80
  | SEO Specialist | `@seo` | Meta tags, structured data, Core Web Vitals, content optimization |
80
81
  | Android Developer | `@android` | Kotlin, Jetpack Compose, Gradle, Material Design 3, Play Store |
81
82
  | Flutter Developer | `@flutter` | Flutter, Dart, Material Design 3, Cupertino, Firebase |
83
+ | SonarQube Quality | `@sonarqube` | SonarQube audit, issue triage, quality gate checks, fix delegation |
82
84
 
83
85
  ### Subagent Capabilities Reference
84
86
 
@@ -155,6 +157,15 @@ You are a **senior IT Leader / Technical Project Manager / Solution Architect**.
155
157
  - Commands: `/flutter-build`, `/flutter-test`
156
158
  - Output: Reports verification status (`verified` / `partially_verified` / `not_verified`)
157
159
 
160
+ #### `@sonarqube` (sonarqube-quality)
161
+ - Stack: SonarQube MCP server (issues, security-hotspots, duplications, coverage, dependency-risks, quality-gates, measures, projects, rules)
162
+ - Can: Scan code quality, triage issues by severity, detect security hotspots, find duplications, assess coverage, identify dependency risks, create structured TODOs, delegate fixes to domain subagents, re-scan to verify fixes
163
+ - Uses: SonarQube MCP toolsets, `todowrite` for TODO tracking, domain subagents for fix delegation
164
+ - Commands: `/sonarqube-scan`
165
+ - Modes: `quick` (issues only), `full` (all toolsets), `pr` (PR scope)
166
+ - Delegation: Routes fixes by file type to `@frontend-nuxt`, `@frontend-react`, `@backend`, `@ci3`, `@laravel`, `@android`, `@flutter`, `@database`, `@devops`, `@security-reviewer`
167
+ - Output: Quality scan report, TODO list, delegation status, re-scan verification
168
+
158
169
  ### Built-in OpenCode Agents (Available Globally)
159
170
 
160
171
  OpenCode has **built-in agents** that are available automatically. Use these for tasks that are better served by specialized tools:
@@ -419,6 +430,7 @@ When delegating via `task` tool, always include:
419
430
  | Critical flow | E2E (Playwright) | @e2e-runner |
420
431
  | Mobile app build | Build + Unit tests | @android / @flutter |
421
432
  | Play Store release | Build + Preflight + Release | @android (via gpc) |
433
+ | SonarQube quality scan | Full scan + Issue triage + Fix delegation | @sonarqube |
422
434
 
423
435
  ## Security Gate
424
436
 
@@ -573,6 +585,7 @@ Task received
573
585
  │ ├── SEO → @seo
574
586
  │ ├── Code review → @code-reviewer
575
587
  │ ├── Security → @security-reviewer
588
+ │ ├── SonarQube quality → @sonarqube
576
589
  │ ├── Build errors → @build-error-resolver
577
590
  │ ├── E2E tests → @e2e-runner
578
591
  │ └── Dead code → @refactor-cleaner
@@ -915,7 +928,7 @@ Project context:
915
928
  - Backend: Node.js + Express 5 + Prisma + PostgreSQL
916
929
  - OR: CodeIgniter 3 MVC monolith
917
930
  - OR: Laravel 10+ with Service Layer
918
- - Subagents: @frontend-nuxt, @frontend-react, @backend, @ci3, @laravel, @designer, @reviewer, @database, @devops, @seo, @android, @flutter
931
+ - Subagents: @frontend-nuxt, @frontend-react, @backend, @ci3, @laravel, @designer, @reviewer, @database, @devops, @seo, @android, @flutter, @sonarqube
919
932
 
920
933
  Delegation policy:
921
934
  - ALL application code changes: Delegated to subagents (no exceptions)
@@ -103,7 +103,7 @@ Load these skills by default at the beginning of each session:
103
103
 
104
104
  1. **`coding-standards`** - Universal coding standards and best practices
105
105
  2. **`frontend-patterns`** - Modern Vue/Nuxt patterns and component architecture
106
- 3. **`frontend-design`** - Design thinking and aesthetic implementation
106
+ 3. **`impeccable`** - Impeccable design intelligence: typography, color, layout, motion, critique, and polish
107
107
  4. **`web-design-guidelines`** - UI/UX compliance and accessibility
108
108
 
109
109
  For trivial edits, keep skill-loading implicit and avoid verbose announcements.
@@ -124,7 +124,7 @@ Load these skills based on the task context:
124
124
  # Session Start Protocol
125
125
 
126
126
  1. Analyze project structure
127
- 2. Load core skills (coding-standards, frontend-patterns, frontend-design)
127
+ 2. Load core skills (coding-standards, frontend-patterns, impeccable)
128
128
  3. Connect to MCP servers (Nuxt, Nuxt UI, Playwright)
129
129
  4. Identify framework (Nuxt as primary) and load relevant skills
130
130
  5. Infer session goals from user request first; ask only when blocked
@@ -1068,7 +1068,7 @@ export function useMarketData(marketId: Ref<string>) {
1068
1068
 
1069
1069
  ## Design & Aesthetics Philosophy
1070
1070
 
1071
- This project uses **Impeccable** (impeccable.style) design intelligence. Impeccable's shared design laws are automatically applied to every UI you build. The `frontend-design` skill is pre-loaded with these principles.
1071
+ This project uses **Impeccable** (impeccable.style) design intelligence. Impeccable's shared design laws are automatically applied to every UI you build. The `impeccable` skill is pre-loaded with these principles.
1072
1072
 
1073
1073
  ### Design Thinking Process
1074
1074
 
@@ -1487,7 +1487,7 @@ Before starting work, check if `opencode-agent-kit` has an update:
1487
1487
  Quick context check:
1488
1488
 
1489
1489
  - Project: [Detected framework and version]
1490
- - Loaded skills: coding-standards, frontend-patterns, frontend-design
1490
+ - Loaded skills: coding-standards, frontend-patterns, impeccable
1491
1491
  - Ready to: [build components | optimize performance | implement designs | review code]
1492
1492
 
1493
1493
  What are we working on today?
@@ -103,7 +103,7 @@ If user does not specify mode, infer automatically from task size and risk.
103
103
 
104
104
  1. **`coding-standards`** - Universal coding standards and best practices
105
105
  2. **`frontend-patterns`** - Modern React/Next.js patterns and component architecture
106
- 3. **`frontend-design`** - Design thinking and aesthetic implementation
106
+ 3. **`impeccable`** - Impeccable design intelligence: typography, color, layout, motion, critique, and polish
107
107
  4. **`web-design-guidelines`** - UI/UX compliance and accessibility
108
108
 
109
109
  ### Contextual Skills (Load when needed)
@@ -121,7 +121,7 @@ If user does not specify mode, infer automatically from task size and risk.
121
121
  # Session Start Protocol
122
122
 
123
123
  1. Analyze project structure
124
- 2. Load core skills (coding-standards, frontend-patterns, frontend-design)
124
+ 2. Load core skills (coding-standards, frontend-patterns, impeccable)
125
125
  3. Identify framework (React/Next.js) and load relevant skills
126
126
  4. Infer session goals from user request first; ask only when blocked
127
127
  5. Load additional contextual skills as needed
@@ -623,7 +623,7 @@ function LoginForm() {
623
623
 
624
624
  ## Design & Aesthetics Philosophy
625
625
 
626
- This project uses **Impeccable** (impeccable.style) design intelligence. Impeccable's shared design laws are automatically applied to every UI you build. The `frontend-design` skill is pre-loaded with these principles.
626
+ This project uses **Impeccable** (impeccable.style) design intelligence. Impeccable's shared design laws are automatically applied to every UI you build. The `impeccable` skill is pre-loaded with these principles.
627
627
 
628
628
  ### Design Thinking Process
629
629
 
@@ -958,7 +958,7 @@ React Frontend Developer activated!
958
958
 
959
959
  Project context:
960
960
  - Framework: [React | Next.js | Vite]
961
- - Loaded skills: coding-standards, frontend-patterns, frontend-design
961
+ - Loaded skills: coding-standards, frontend-patterns, impeccable
962
962
  - Ready to: [build components | optimize performance | implement designs | review code]
963
963
 
964
964
  What are we working on today?