julianromli/ai-skills
ai-skills
A collection of 31 skills for Claude Code and other agents: interfaces, React, Postgres, code review, SEO and browser automation
- 214 ★ on the repository
- Last commit
Extended access
Why this level
- The `deploy-to-vercel` skill starts deployments and `agent-browser` drives a browser on the agent's behalf
- `hermes-wag-summarizer` sets up recurring jobs over WhatsApp groups, so read its access before enabling it
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/ai-skillsDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The `deploy-to-vercel` skill starts deployments and `agent-browser` drives a browser on the agent's behalf
- `hermes-wag-summarizer` sets up recurring jobs over WhatsApp groups, so read its access before enabling it
This is third-party code. Review the repository files before installing.
What it does
julianromli/ai-skills is a collection of 31 skills in the `skills/` folder, each with its own `SKILL.md` and some with references, scripts and examples beside it. The main theme is interfaces and frontend: `frontend-design`, `ui-ux-pro-max`, `web-design-guidelines`, `make-interfaces-feel-better`, animation and starters such as `grainy-gradient`, `collapsible-sidebar` and `skeleton-dither`. Other skills cover React and Next.js, React Native, Postgres with Supabase and `shadcn` components. The second group is working processes: Vercel deployment, structured debugging, preparing and handling code review, dead-code cleanup, PRDs, SEO audits, social posts and landing page copy. Standing apart are `agent-browser` for browser automation, `clone-website` with a workflow for reproducing existing sites and `hermes-wag-summarizer` for regular WhatsApp group digests.
Who it is for. Frontend developers and vibe coders in Claude Code, Droid and other agents who want a ready selection of interface and React skills in one repository.
Good fit when
- You want the whole frontend toolkit in one place: design direction, interface review and animation polish install with one command
- An agent writes React Native or Next.js components and needs performance rules without searching several repositories
- A Postgres query is slow and the schema has to be checked against Supabase practices: the `supabase-postgres-best-practices` skill holds the rules
- A product description is being prepared for release: the `prd` and `landing-page-copywriter` skills set the structure of the document and the landing page
- Changes go to review and both sides need a routine: `requesting-code-review` and `receiving-code-review` describe both ends of the process
Not a fit when
- The original of a skill with its version history matters: take the author's own repository for that
- The project has no frontend and no Postgres: most of the collection stays idle
- Agent context is tight and extra descriptions get in the way of picking a skill: a full install adds 31 skills at once
- You need Emil Kowalski's skills: `design-engineer-router` only calls them and the `emil-*` skills are not in the collection
Example request
Install the web-design-guidelines skill from julianromli/ai-skills and review the pricing page markup with itLimitations
- The author does not describe installation, so the `npx skills add julianromli/ai-skills` command is the generic one for repositories with `SKILL.md`.
- The repository has no license file, so reuse rights are not defined.
- The README does not name the sources of skills with well-known names such as `ui-ux-pro-max` and `react-best-practices`: check the originals' versions and terms separately.
- The collection has no shared requirements; each skill describes its own in its `SKILL.md`.
How to disable. Delete the needed skill's folder from `.claude/skills/` or `.agents/skills/`, or the whole set the same way it was installed.
FAQ
How do I install ai-skills in Claude Code?
Run `npx skills add julianromli/ai-skills -a claude-code`. Without the `-a` flag the installer asks which agents and what scope to use. By hand, copy the needed folders from `skills/` into `.claude/skills/`.
Can I install just one skill from the collection?
Yes, add the `--skill` flag: for example, `npx skills add julianromli/ai-skills --skill react-best-practices`.
What does design-engineer-router do?
For each interface task it picks and runs suitable Emil Kowalski skills. The `emil-*` skills themselves are not in the collection and have to be installed separately.
What does hermes-wag-summarizer set up?
The skill creates scheduled WhatsApp group digests through Hermes. Read its `SKILL.md` before enabling it to see which access it uses.
How do I choose a skill for a task?
Open the skill's folder in `skills/` and read `SKILL.md`: it states the scope and the workflow. References, scripts and examples may sit beside it.
Discussion
No questions or reviews yet.
Related
SkillsHand-built skills for Angular, React, Next.js, TypeScript and Django plus six community ones for Java, Elixir and Electron
35 skills for Cursor, Claude and Codex: design systems from HTML and mocks, image generation, plan interviews and handoff.
A registry of installable design skills: ready SKILL.md and DESIGN.md files with tokens, component rules and accessibility for different styles
Skills for design engineers: quick UI cleanup, accessibility, metadata and animation performance fixes
Thirty-plus skills for Vue, Pinia, Vue Router, Reka UI and VueUse, tied to package versions and rebuilt with each release.
A set of skills for Vue 3 development: Composition API practices, router, Pinia, testing, JSX, Options API and debugging
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Repository stars | Main difference |
|---|---|---|---|
| julianromli/ai-skills (this card) | no | 214 | |
| Mindrally skills collection | no | 297 | over two hundred skills with coding rules for frameworks and languages, converted from Cursor rules |
| Designer Skills Collection | no | 3,252 | design skills for research, UX strategy, design systems and prototypes, without React or deployment |
README in short
A short page: a description of the collection, the repository layout with the `skills/` folder, a table of 31 skills with a one-line purpose each, a usage routine and a request to add new skills as self-contained folders. There are no install commands; it only notes that `.skill-lock.json` is not committed.