Turn a technical article or documentation URL into a Claude Agent Skill-style Skill.md file: frontmatter, overview, patterns, and pitfalls—ready to package and use with your own API keys.
Live site: getskillify.dev
Skillify is a Next.js app with no backend for conversion. In the browser, it fetches page text (via Jina Reader), then calls Anthropic, OpenAI, or Google APIs directly from the client using keys you provide. Keys stay in your session; this app does not store them on a server.
- Node.js 20 or newer
- npm, yarn, or pnpm
git clone <repository-url>
cd skillify
npm install # or: yarn / pnpm install
npm run dev # or: yarn dev / pnpm devOpen http://localhost:3000.
| Command | Description |
|---|---|
npm run dev |
Development server |
npm run build |
Production build |
npm run start |
Run production build |
npm run lint |
ESLint |
No .env file is required for local development. Copy .env.example to .env.local if you want to enable the optional features (skill counter, analytics).
- Next.js 15 (App Router), React 19, TypeScript
- Content Security Policy and security headers in
next.config.ts
- API keys: Entered in the UI and used only from your browser toward the provider you choose.
- Page fetch: URLs are read through Jina Reader (
r.jina.ai) as configured in the app’s CSP and client code. - Analytics: The deployed site may load Google Analytics (see
src/app/layout.tsx); adjust or remove for your own deployment.
Issues and pull requests are welcome. Please keep changes focused and consistent with the existing style.
This project is licensed under the MIT License.
Skillify is an independent project and not affiliated with Anthropic, OpenAI, or Google.