Description
Ship cleaner frontend code with your AI pair programmer — without hunting through 24 skills to find the right ones.
This is a curated collection plus tutorials, not software. The skills themselves are workflow prompts (Markdown). Source is open and free — you pay for curation, the self-contained fix, and the playbook that saves you hours.
Price: $29 once. No subscription and no upsell. Instant download after payment, with your link on the order page and in your receipt email. Re-download anytime from My Account > Downloads. 30-day refund. If it does not help you ship cleaner frontend code, email [email protected] within 30 days and you get your money back.
What you get
- 11 production-grade skills, selected from the 87k-star addyosmani/agent-skills project (MIT): frontend-ui-engineering, code-simplification, performance-optimization, browser-testing-with-devtools, code-review-and-quality, debugging-and-error-recovery, deprecation-and-migration, security-and-hardening, test-driven-development, incremental-implementation, source-driven-development.
- Self-contained — every skill that depended on shared references has those files bundled and paths fixed, so the pack works by copying
skills/*into your project. No broken imports. - Install guide (Claude Code, Codex, Cursor, plus local CLI) and troubleshooting.
- Playbook with 5 real workflows: Legacy Component Refactor, Performance Rescue Sprint, Pre-Merge Quality Gate, Security Hardening Pass, Framework Migration — each with trigger phrases, expected output and a checklist.
- License & attribution included (MIT, original copyright retained). No content changes beyond path fixes.
Who it is for
Frontend and full-stack developers, solo builders and small teams who use Claude Code, Codex or Cursor to ship production code and want structured, auditable workflows rather than one-off prompts.
What is inside
- frontend-ui-engineering — design systems, state, accessibility (WCAG)
- code-simplification — behavior-preserving simplification
- performance-optimization — Core Web Vitals, N+1, bundle, caching
- browser-testing-with-devtools — real browser verification via Chrome DevTools MCP
- code-review-and-quality — five-axis review
- debugging-and-error-recovery — systematic root-cause flow
- deprecation-and-migration — retiring old APIs
- security-and-hardening — OWASP, input validation
- test-driven-development — red-green-refactor
- incremental-implementation — ship in small verified slices
- source-driven-development — build against current official docs
System requirements
- Claude Code, OpenAI Codex, or Cursor (any one).
- No extra dependencies. Optional: Chrome DevTools MCP for browser-testing-with-devtools (config example in the guide).
Updates
Versioned as v1.0.0 (upstream addyosmani/agent-skills @ df1edb2). Free updates for 12 months when the upstream project ships relevant changes. See CHANGELOG.md inside the zip.
From the curator
Curated by Yixing Store. We picked the skills that actually get used during a refactor, fixed the broken reference paths, and wrote the playbook from real refactoring sessions. This is not an official distribution — the full 24-skill project remains free on GitHub.
FAQ
Does this include all 24 skills?
No — 11 of 24, chosen for frontend refactoring. The complete project is free on GitHub if you want everything.
Why pay for something free?
Curation, the self-contained fix (upstream has a known path issue), step-by-step install guides for three tools, and a playbook with ready-to-run prompts. You save the 2 to 4 hours of wiring it yourself.
Will AI code always pass review after using these?
No. Skills constrain the workflow, they do not guarantee output quality — that still depends on the model and your context. They make good practice the default, not the exception.
What about refunds?
30-day refund, no questions asked. Email [email protected] within 30 days. Same policy as the store refund page.
Reviews
There are no reviews yet.