chrome-extension · first-commit

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI framework

UI components

Add-on libraries

Animation

Code quality

Continuous integration

Skills

10 will be installed for your agent.

SkillRisk

chrome-extensionsgooglechrome/modern-web-guidanceCritical

wxt-browser-extensionspproenca/dot-skillsLow

vercel-react-best-practicesvercel-labs/agent-skillsLow

first-commitMarlon-Chaviano/first-commit

Design pack6/6 skillsA visual direction with character, polished details, accessibility and purposeful animation. The most-used design skills right now.

frontend-designA visual direction with character, nothing generic
impeccablePolishes and audits the interface down to the details
web-design-guidelinesAccessibility and interface best practices
ui-ux-pro-maxPalettes, typography and UI patterns
emil-design-engPurposeful animation and interaction
accessibilityKeyboard, screen readers and contrast (WCAG 2.2)

Pack first-commit14 skillsPlan before coding, debug methodically, verify before calling anything done, review the code, keep it secure and improve the architecture. Works in any project.

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

11 commands2 filesfirst commit

Create the base project$ npx wxt@latest init chrome-extension --template react --pm npm
Install base dependencies$ npm install
Install skills from 9 repositories
- googlechrome/modern-web-guidance
- pproenca/dot-skills
- vercel-labs/agent-skills
- anthropics/skills
- pbakaus/impeccable
- nextlevelbuilder/ui-ux-pro-max-skill
- emilkowalski/skills
- addyosmani/web-quality-skills
- Marlon-Chaviano/first-commit
Write 2 files
- AGENTS.md
- CLAUDE.md
Initial commit

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI framework

UI components

Add-on libraries

Animation

Code quality

Continuous integration

Skills

10 will be installed for your agent.

SkillRisk

chrome-extensionsgooglechrome/modern-web-guidanceCritical

wxt-browser-extensionspproenca/dot-skillsLow

vercel-react-best-practicesvercel-labs/agent-skillsLow

first-commitMarlon-Chaviano/first-commit

Design pack6/6 skillsA visual direction with character, polished details, accessibility and purposeful animation. The most-used design skills right now.

frontend-designA visual direction with character, nothing generic
impeccablePolishes and audits the interface down to the details
web-design-guidelinesAccessibility and interface best practices
ui-ux-pro-maxPalettes, typography and UI patterns
emil-design-engPurposeful animation and interaction
accessibilityKeyboard, screen readers and contrast (WCAG 2.2)

Pack first-commit14 skillsPlan before coding, debug methodically, verify before calling anything done, review the code, keep it secure and improve the architecture. Works in any project.

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

11 commands2 filesfirst commit

Create the base project$ npx wxt@latest init chrome-extension --template react --pm npm
Install base dependencies$ npm install
Install skills from 9 repositories
- googlechrome/modern-web-guidance
- pproenca/dot-skills
- vercel-labs/agent-skills
- anthropics/skills
- pbakaus/impeccable
- nextlevelbuilder/ui-ux-pro-max-skill
- emilkowalski/skills
- addyosmani/web-quality-skills
- Marlon-Chaviano/first-commit
Write 2 files
- AGENTS.md
- CLAUDE.md
Initial commit

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI framework

UI components

Add-on libraries

Animation

Code quality

Continuous integration

Skills

10 will be installed for your agent.

SkillRisk

chrome-extensionsgooglechrome/modern-web-guidanceCritical

wxt-browser-extensionspproenca/dot-skillsLow

vercel-react-best-practicesvercel-labs/agent-skillsLow

first-commitMarlon-Chaviano/first-commit

Design pack6/6 skillsA visual direction with character, polished details, accessibility and purposeful animation. The most-used design skills right now.

frontend-designA visual direction with character, nothing generic
impeccablePolishes and audits the interface down to the details
web-design-guidelinesAccessibility and interface best practices
ui-ux-pro-maxPalettes, typography and UI patterns
emil-design-engPurposeful animation and interaction
accessibilityKeyboard, screen readers and contrast (WCAG 2.2)

Pack first-commit14 skillsPlan before coding, debug methodically, verify before calling anything done, review the code, keep it secure and improve the architecture. Works in any project.

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

11 commands2 filesfirst commit

Create the base project$ npx wxt@latest init chrome-extension --template react --pm npm
Install base dependencies$ npm install
Install skills from 9 repositories
- googlechrome/modern-web-guidance
- pproenca/dot-skills
- vercel-labs/agent-skills
- anthropics/skills
- pbakaus/impeccable
- nextlevelbuilder/ui-ux-pro-max-skill
- emilkowalski/skills
- addyosmani/web-quality-skills
- Marlon-Chaviano/first-commit
Write 2 files
- AGENTS.md
- CLAUDE.md
Initial commit

Details

Author: MCMarlon Chaviano
Verification: Unverified · create-first-commit test in CI
Badge

Project

Its name, which agents, and which package manager.

Agents

Package manager

Stack

Pick the pieces; your agent gets the rule to use only these.

UI framework

UI components

Add-on libraries

Animation

Code quality

Continuous integration

Skills

10 will be installed for your agent.

SkillRisk

chrome-extensionsgooglechrome/modern-web-guidanceCritical

wxt-browser-extensionspproenca/dot-skillsLow

vercel-react-best-practicesvercel-labs/agent-skillsLow

first-commitMarlon-Chaviano/first-commit

Design pack6/6 skillsA visual direction with character, polished details, accessibility and purposeful animation. The most-used design skills right now.

frontend-designA visual direction with character, nothing generic
impeccablePolishes and audits the interface down to the details
web-design-guidelinesAccessibility and interface best practices
ui-ux-pro-maxPalettes, typography and UI patterns
emil-design-engPurposeful animation and interaction
accessibilityKeyboard, screen readers and contrast (WCAG 2.2)

Pack first-commit14 skillsPlan before coding, debug methodically, verify before calling anything done, review the code, keep it secure and improve the architecture. Works in any project.

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

11 commands2 filesfirst commit

Create the base project$ npx wxt@latest init chrome-extension --template react --pm npm
Install base dependencies$ npm install
Install skills from 9 repositories
- googlechrome/modern-web-guidance
- pproenca/dot-skills
- vercel-labs/agent-skills
- anthropics/skills
- pbakaus/impeccable
- nextlevelbuilder/ui-ux-pro-max-skill
- emilkowalski/skills
- addyosmani/web-quality-skills
- Marlon-Chaviano/first-commit
Write 2 files
- AGENTS.md
- CLAUDE.md
Initial commit

Browser extension with WXT

Project

Stack

Skills

What will run

Browser extension with WXT

Project

Stack

Skills

What will run

Project

Stack

Skills

What will run

Details

Project

Stack

Skills

What will run