Author and publish a new blog post on the Tertiary Infotech Academy CMS — DB insert, branded R2 cover image, deep-funnel internal links, and SEO + lead-gen wiring. Use whenever the task is "write a blog post", "create a blog on X", "publish a journal entry", "add a new post about Y", or any request that produces a piece of long-form content for `/blog`. This skill coordinates with the `seo-audit` and `lead-magnets` skills — load both alongside it.
Build and polish the top-down escape-room games at /learn/escape-room (RoomMap engine). Use whenever the task touches escape-room layout, decor props, floor textures/tiles, machine placement, collision, doors, ceiling fixtures (cables/bunting/lanterns), fog of war, touch controls, or scene theming. Covers the data model in src/lib/escape-rooms.ts and the renderer in EscapeRoomPlayer.tsx, plus the non-obvious gotchas (z-index layering, % vs px alignment, spawn-trap collision, cultural accuracy of themed art). Follows tia-frontend-design-site (bright kids theme).
Plan and build lead-magnet flows for Tertiary Infotech — gated guides, checklists, calculators, webinars, and consultation forms — wired into the existing leads pipeline (`/api/contact` → `leads` table → admin notification email). Use whenever the task involves capturing emails, generating qualified leads, or designing a CTA/landing page for SSG ATO, TPQA, LMS/TMS, or AI services.
Keep src/db/schema.ts and scripts/ensure-portal-schema.cjs in sync so new tables/columns actually exist in production. Use whenever a change touches src/db/schema.ts — adding or altering a table or column, running db:push/db:generate, or committing schema work — and before any commit that includes schema.ts. Triggers: "add a table", "new column", "db:push", "schema change", "relation does not exist", "works locally but not in prod", "migration".
Keeps the root README.md accurate and on-voice as the app changes. The README is a product showcase — centered header, shields.io badges, a Key Features table, a Tech Stack table, an ASCII architecture diagram, a project-structure tree, Getting Started, demo logins, and deployment notes — and every section silently drifts from the code. Use after adding/renaming/removing a /learn activity or game, changing a dependency version, altering the AI provider wiring, changing npm scripts / setup steps / env vars, or when asked to "update the README" — to reconcile each section against its real source of truth and preserve the file's voice.
Push local DB content (settings, taxonomy, posts) to the production database via bearer-token-protected sync APIs. Use when the user wants to publish local CMS/admin edits to the live site without logging into the production admin UI, or to extend the sync surface for new tables. Triggers — "push to production", "sync to remote", "deploy menu/settings/page/post", "the live site doesn't show my change".
SEO audit and on-page optimization for Tertiary Infotech pages (Next.js App Router + Drizzle CMS). Use when creating or reviewing any public route under src/app — landing pages, service pages, blog posts, or DB-backed pages. Covers crawlability, indexation, Core Web Vitals, on-page (titles, meta, headings, internal links, images, schema), and content quality. Triggers — "SEO audit", "SEO review", "optimize for search", or any task that adds/edits a public-facing page or its metadata.
Project-locked frontend design skill for the AI Kids portal. Enforces the bright, playful family look across the public site and the /learn games — a sky-blue and lavender scrapbook in Fraunces + Nunito for parent pages, Fredoka + Nunito on cream for play screens, rounded cards, original icons, Pip the mascot and lots of gentle motion. No funding or SSG/SWDA content. Use whenever building or refining any public-facing or learner UI in this repo. The /admin back-office and sign-in pages use the same light theme. Load with the user-level tia-frontend-design skill.
Generate the branded SVG cover image for a blog post on the Tertiary Infotech Academy CMS. Use when adding, editing, or debugging the AI-rendered featured image — anything that changes the canvas size, padding, fonts, colors, layout, or upload path. Triggers — "blog cover", "featured image", "post image", "cover card", "OG image", "regenerate image", or any change to `src/app/api/ai/post-image/route.ts`, `src/components/admin/PostEditorForm.tsx` (image branch), or how `featuredImage` is rendered on `/blog` and `/blog/[slug]`.
Author and publish a new blog post on the Tertiary Infotech Academy CMS — DB insert, branded R2 cover image, deep-funnel internal links, and SEO + lead-gen wiring. Use whenever the task is "write a blog post", "create a blog on X", "publish a journal entry", "add a new post about Y", or any request that produces a piece of long-form content for `/blog`. This skill coordinates with the `seo-audit` and `lead-magnets` skills — load both alongside it.
Plan and build lead-magnet flows for Tertiary Infotech Academy — course brochures, syllabus downloads, quizzes, fee/scholarship calculators, counselling-call bookings, and study-pathway guides — wired into the existing leads pipeline (`/api/contact` → `leads` table → admin notification email). Use whenever the task involves capturing student emails, generating qualified course enquiries, or designing a CTA/landing page for the Advanced Certificate courses in AI, Cyber Security, or Blockchain.
Push local DB content (menus, settings, taxonomy, pages, posts) to the production database via bearer-token-protected sync APIs. Use when the user wants to publish local CMS/admin edits to the live site without logging into the production admin UI, or to extend the sync surface for new tables. Triggers — "push to production", "sync to remote", "deploy menu/settings/page/post", "the live site doesn't show my change".
SEO audit and on-page optimization for Tertiary Infotech Academy pages (Next.js App Router + Drizzle CMS). Use when creating or reviewing any public route under src/app — landing pages, course pages, blog posts, or DB-backed pages. Covers crawlability, indexation, Core Web Vitals, on-page (titles, meta, headings, internal links, images, schema), and content quality. Triggers — "SEO audit", "SEO review", "optimize for search", or any task that adds/edits a public-facing page or its metadata.
This site's own design system for Tertiary Infotech Academy (tertiaryinfotech.edu.sg) — light mint public pages, a dark animated matrix-green hero with the fibre-optic globe, generated artwork, Exo 2 + Inter, compact non-template layouts, live-online copy. Load with the user-level tia-frontend-design skill whenever building, restyling or reviewing ANY UI in this repo.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
When the user wants to create, plan, or optimize a lead magnet for email capture or lead generation. Also use when the user mentions "lead magnet," "gated content," "content upgrade," "downloadable," "ebook," "cheat sheet," "checklist," "template download," "opt-in," "freebie," "PDF download," "resource library," "content offer," "email capture content," "Notion template," "spreadsheet template," or "what should I give away for emails." Use this for planning what to create and how to distribute it. For interactive tools as lead magnets, see free-tools. For writing the actual content, see copywriting. For the email sequence after capture, see emails.
When the user wants to audit, review, or diagnose SEO issues on their site. Also use when the user mentions "SEO audit," "technical SEO," "why am I not ranking," "SEO issues," "on-page SEO," "meta tags review," "SEO health check," "my traffic dropped," "lost rankings," "not showing up in Google," "site isn't ranking," "Google update hit me," "page speed," "core web vitals," "crawl errors," or "indexing issues." Use this even if the user just says something vague like "my SEO is bad" or "help with SEO" — start with an audit. For building pages at scale to target keywords, see programmatic-seo. For adding structured data, see schema. For AI search optimization, see ai-seo.
UI/UX design intelligence for web and mobile. Searchable local database with 84 styles, 192 color palettes, 74 font pairings, 192 product types, 98 UX guidelines, 104 icon entries, 16 GSAP motion presets, and 25 chart types across 22 stacks (React, Next.js, Vue, Nuxt, Svelte, Astro, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, WPF, WinUI, Avalonia, Uno Platform, UWP, Three.js, and HTML/CSS). Use when designing, building, or reviewing UI: pages, components, color schemes, typography, layout, accessibility, animation, or data visualization.
A folder with a SKILL.md file: a name, a description of when to use it, and instructions. Claude loads a skill only when the task matches its description.
How do I use one I find here?
Copy the folder into your project's .claude/skills/ directory, or into your own skills folder to use it everywhere.
What do the warnings mean?
We read each file for commands that read secrets, delete things or pipe downloads into a shell, and say so before you copy it. No warning is not a promise that a file is safe.
Which skills worked for people?
Open a skill to see its discussion. Reports from people and their agents are coming.
alfredangReads credentialsSkill