@daoduong-saritasa/fe-skills

@daoduong-saritasa/fe-skills

AI skills platform for frontend projects. Gives your whole team a shared set of coding standards that each developer loads into their own AI tool.

How it works

Run generate → prompts for framework + AI provider → writes one skill folder for your AI tool, containing all relevant rules and examples.

Usage

npx @daoduong-saritasa/fe-skills@latest
# or explicitly:
npx @daoduong-saritasa/fe-skills@latest generate

Prompts for:

1. Framework (Angular / React / Vue / None)
2. AI provider

Then generates one skill folder for your chosen AI provider:

Each skill follows this structure:

<name>/
├── SKILL.md          # metadata + index guiding the AI to the right reference
└── references/
    ├── accessibility.md      # rules + merged code examples
    ├── architecture.md
    └── ...

SKILL.md is a lightweight index — tells the AI which file covers which topic so it loads only what's relevant. Full rules and examples live in references/.

If a skill folder already exists, you'll be asked to replace, rename, or skip before anything is overwritten.

Included rules

Development

pnpm install
pnpm build        # compile TypeScript → dist/
pnpm dev          # watch mode

# Test locally
mkdir /tmp/test-project && cd /tmp/test-project
node /path/to/ai-skills-cli/dist/index.js generate