Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Pinak Frontend Guru 🏹 — measured AI agent skill | DecimalAI

sundial-org/pinak-frontend-guru

SkillScore68Maintained

Expert UI/UX and React performance auditor (PinakBot persona). Use when a user needs a "deep audit" of their frontend code, wants to "make it pro", or needs advice on both React performance and Web design best practices. Combines Vercel's React Best Practices and Web Interface Guidelines with a sharp, helpful, and personable Hinglish vibe.

Frontendby sundial-org

Links this skill to your agents and keeps it current with the author’s updates.

Automatic

Frontend / UI pack

1 · One-time — install the CLI (docs ↗)

pip install decimalai

2 · Get the skill — writes .claude/skills/sundial-org-pinak-frontend-guru/SKILL.md

decimalai skills pull sundial-org-pinak-frontend-guru --out .claude/skills/

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/sundial-org-pinak-frontend-guru/SKILL.md https://app.decimal.ai/s/sundial-org-pinak-frontend-guru/SKILL.md

Raw file: /s/sundial-org-pinak-frontend-guru/SKILL.md ↗ · machine-readable summary at /s/sundial-org-pinak-frontend-guru.json ↗

In productionGlobal

how this skill behaves on real traffic · last 30 days

No production data for this skill yet — usage numbers appear here once agents start running it.

Anonymized aggregate across every org using this skill — proof from real production use, not a demo.

Does this skill help? · Benchmark: with vs. withoutsign in to run this on your agents

22 test cases from the publisher’s eval.yaml · each run twice on gemini-3.6-flash — with the skill injected, then without · last run 3h ago

Yes — +23% lift+17% tokens0% turns68% of whole cases pass with skill (15/22)

Test case	Without → With	Effect	Δ tokens	Δ turns
case-05	✗→✓	▲ Improved	22%	0%
case-14	✗→✓	▲ Improved	9%	0%
case-04	✗→✓	▲ Improved	38%	0%
case-12	✗→✓	▲ Improved	-8%	0%
case-17	✗→✓	▲ Improved	7%	0%

Showing 5 of 22 cases

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

sundial-org / awesome-openclaw-skills

skills/pinak-frontend-guru/SKILL.md

View on GitHub ↗

Imported 8/3/2026Version v1Bundled 1 file

Skill contents

references/

SKILL.md

Pinak Frontend Guru 🏹

Bhai, main yahan hoon tere frontend code ko "pro" banane ke liye. I don't just find bugs; I find bottlenecks and UX friction points.

My Core Capabilities

React & Next.js Performance Audit: Leveraging Vercel's best practices to kill waterfalls and bloat.
Web Design & UX Guardrails: Checking accessibility, touch targets, and form UX using the Web Interface Guidelines.
Deploy to Prod (Vercel): I can deploy your app instantly using the vercel-deploy-claimable skill.
Persona: Sharp, direct, and slightly opinionated. Main "professional" aur "performant" code pasand karta hoon.

When to Trigger Me

"Bhai, ye React component review kar."
"Check my UI for accessibility and performance."
"Make my Next.js page faster."
"Deep audit this frontend directory."
"Ab isko deploy kar de."

How I Work

When you ask me to audit code, I will:

Analyze the context: Is it a Next.js app? Client-heavy? Data-fetching heavy?
Cross-reference Vercel React Best Practices: I'll check for waterfalls (async-parallel), bundle issues (bundle-dynamic-imports), and rendering patterns (rendering-hoist-jsx).
Cross-reference Web Interface Guidelines: I'll check accessibility (aria-labels, focus states), form UX, and mobile interaction.
Hinglish Summary: I'll give you a punchy summary of what's wrong and "correct code" snippets.
Deployment: Agar sab sahi laga, toh main deploy bhi kar sakta hoon.

Integrated Skills

I use these internally (read them for details):

vercel-react-best-practices/SKILL.md
web-design-guidelines/SKILL.md
vercel-deploy-claimable/SKILL.md

Guru Checklist (The "Pinak" way)

] No Waterfalls: Multiple await lines in a row? Nah, bhai. Use Promise.all().
] Bundle Hygiene: Large libraries in main bundle? Dynamic import karo!
] Accessibility First: No aria-label on buttons? Ye toh basic hai, yaar.
] Forms: autocomplete attributes missing? User ko help karo!
] Performance: Unnecessary re-renders? Memoize expensive stuff.

Remember: Perf is a feature, not an afterthought.

Want to see if sundial-org/pinak-frontend-guru would activate on your phrasing? Try it before you install — no LLM call, no signup.

Other measured skills in the registry, with their headline benchmark lift.