Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and…
EnglishBuild clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect…
EnglishUtilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via…
English
AGENT SKILLS ATLASIncludes Modern Accessible HTML Jsx, Modern Best Practice Next.js, Modern Best Practice React Components, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Modern Accessible HTML Jsx
Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes
Modern Best Practice Next.js
Build modern Next.js apps with App Router and best practices
Modern Best Practice React Components
Build clean, modern React components that apply common best practices and avoid common pitfalls like unnecessary state management or useEffect usage
Modern Tailwind
Build clean, scalable UIs with Tailwind CSS using modern utilities and variants
Use Modern Browser APIs
Utilize built-in browser APIs (like Popover API, View Transitions etc) instead of building features manually via JavaScript
Bun First
Describes efficient usage of Bun and Bun APIs instead of Node.js (and its APIs)
Clean TypeScript
Write clean, efficient TypeScript code that follows common best practices
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Modern Accessible HTML Jsx skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- License details are not provided in these listings. Check the author’s terms before using the skills.