Skip to content
Seun Sowemimo / Software engineer / Lagos TryRaisins

Agent skills

Skills that teach your coding agent a specific job.

These are the instruction sets I keep for agents like Claude Code, Codex and Cursor. Each one covers a particular kind of work, such as reviewing code, designing a screen or putting a site online, so pick what you’re trying to do, read what the skill is for, and copy a prompt that installs it in one project or across all of them.

89 skills, free to use, with the source on GitHub and the same files the yeknal CLI installs.

Start with a task

Six common jobs and the skill I’d reach for first.

  1. Build a feature from a rough brief Start with Implement
  2. Get a second opinion on my code Start with Code review
  3. Design a screen that doesn’t look generic Start with Frontend design
  4. Figure out why something broke Start with Troubleshoot
  5. Check a change in a real browser Start with Browser automation
  6. Put a site online Start with Vercel deploy

Browse every skill

Showing all 89 skills, most useful first

  1. Plan and build 1 file

    Implement

    Takes a scoped feature or fix from plan to working code while keeping the rest of the repository behaving as it did.

    View skill: Implement View source of Implement on GitHub
  2. Review and test 1 file

    Code review

    Reads code or a whole system for real defects, regressions and maintainability risks, then sorts what it finds by severity and effort.

    View skill: Code review View source of Code review on GitHub
  3. Design interfaces 3 files

    Frontend design

    Sets a distinctive visual direction for new or heavily reshaped UI, from typography and composition to palette and interface copy.

    View skill: Frontend design View source of Frontend design on GitHub
  4. Review and test 1 file

    Troubleshoot

    Works back from a reproducible error, failing build or slowdown to its cause before it suggests a fix.

    View skill: Troubleshoot View source of Troubleshoot on GitHub
  5. Review and test 9 files

    Browser automation

    Lets your agent open a real browser from the terminal to click through a flow, fill forms, take screenshots and read what’s on the page, so it can show you a change working.

    View skill: Browser automation View source of Browser automation on GitHub
  6. Review and test 1 file

    Testing strategy

    Plans tests around real end-to-end flows and writes down how things could fail before any isolated test gets added.

    View skill: Testing strategy View source of Testing strategy on GitHub
  7. Plan and build 1 file

    Brainstorm

    Generates and compares genuinely different approaches before anything is built, which helps when the problem is still fuzzy.

    View skill: Brainstorm View source of Brainstorm on GitHub
  8. Design interfaces 2 files

    Redesign an existing product

    Refreshes the look or flow of a working site or app without breaking its behaviour or the data behind it.

    View skill: Redesign an existing product View source of Redesign an existing product on GitHub
  9. Motion 2 files

    Web animation

    Adds purposeful, accessible motion to components, pages, scrolling, gestures, SVG and canvas, with sensible timing and a reduced-motion fallback.

    View skill: Web animation View source of Web animation on GitHub
  10. Security 2 files

    Application security

    Designs or hardens security across web apps, APIs, cloud setup, CI/CD pipelines and AI features, covering the OWASP-style risks a product is likely to face.

    View skill: Application security View source of Application security on GitHub
  11. Ship and deploy 1 file

    Git

    Handles status, diffs, branches, commits, merges and pushes while leaving unrelated work in your checkout alone.

    View skill: Git View source of Git on GitHub
  12. Docs and files · Working with agents 1 file

    Project handoff

    Keeps a short HANDOFF.md at the root of the repository so the next session, or the next person, can pick up exactly where the work stopped.

    View skill: Project handoff View source of Project handoff on GitHub
  13. Ship and deploy · Review and test 6 files

    Address PR comments

    Works through the review and issue comments on the open GitHub pull request for your current branch, using the GitHub CLI.

    View skill: Address PR comments View source of Address PR comments on GitHub
  14. Working with agents 3 files

    ADHD-friendly answers

    Shapes answers into short, action-first steps with visible progress, which can make long tasks easier to follow.

    View skill: ADHD-friendly answers View source of ADHD-friendly answers on GitHub
  15. Motion 2 files

    Animation in Expo

    Builds animation for React Native and Expo apps with Reanimated, Gesture Handler, Expo Router and haptics, making the decisions that decide whether motion feels right on a device.

    View skill: Animation in Expo View source of Animation in Expo on GitHub
  16. Motion 1 file

    Animation vocabulary

    Turns a vague description of a motion effect into its proper name, so you can ask an agent or a designer for exactly what you mean.

    View skill: Animation vocabulary View source of Animation vocabulary on GitHub
  17. Design interfaces · Motion 1 file

    Apple-style interface design

    Brings Apple’s approach to fluid, physical motion and interface design to the web, from springs and interruptible gestures to materials, depth and typography.

    View skill: Apple-style interface design View source of Apple-style interface design on GitHub
  18. Plan and build 17 files

    ASP.NET Core

    Builds, reviews and upgrades ASP.NET Core applications using current official guidance, from Blazor and Razor Pages to Minimal APIs, SignalR and authentication.

    View skill: ASP.NET Core View source of ASP.NET Core on GitHub
  19. Images and media · Design interfaces 3 files

    Brand kit images

    Generates polished brand-guideline boards, logo systems and identity presentations as images, with deliberate composition and sparse typography.

    View skill: Brand kit images View source of Brand kit images on GitHub
  20. Review and test · Design interfaces 3 files

    Break UI

    Stress-tests a screen with realistic worst-case data, such as long names, missing fields, huge counts and non-Latin text, and reports every break with its fix.

    View skill: Break UI View source of Break UI on GitHub
  21. Ship and deploy · Docs and files 1 file

    Changelog entries

    Adds or updates a Keep a Changelog entry based on the changes and history that can actually be verified, so release notes describe what shipped.

    View skill: Changelog entries View source of Changelog entries on GitHub
  22. Plan and build · Working with agents 11 files

    ChatGPT apps

    Builds and troubleshoots ChatGPT Apps SDK projects that pair an MCP server with a widget UI, starting from the current official documentation.

    View skill: ChatGPT apps View source of ChatGPT apps on GitHub
  23. Review and test · Plan and build 1 file

    Cleanup

    Removes dead code, stale dependencies and redundant configuration once it has confirmed they really are unused.

    View skill: Cleanup View source of Cleanup on GitHub
  24. Ship and deploy 312 files

    Cloudflare deploy

    Deploys applications and infrastructure to Cloudflare using Workers, Pages and related services, with references for the platform’s products.

    View skill: Cloudflare deploy View source of Cloudflare deploy on GitHub
  25. Ship and deploy 5 files

    Commit, push and open a PR

    Stages, commits, pushes and opens a GitHub pull request in one flow using the GitHub CLI.

    View skill: Commit, push and open a PR View source of Commit, push and open a PR on GitHub
  26. Docs and files · Design interfaces 2 files

    Content and SEO

    Guides useful, accessible web content and technical SEO together, from page copy and metadata to structured data, sitemaps, canonical URLs and AI-search visibility.

    View skill: Content and SEO View source of Content and SEO on GitHub
  27. Review and test 3 files

    Dead code hunter

    Finds and removes dead code, unused imports, unreachable branches and variables nobody reads, across Python, TypeScript, JavaScript and other languages.

    View skill: Dead code hunter View source of Dead code hunter on GitHub
  28. Design interfaces · Motion 3 files

    Design engineering polish

    Applies the careful interaction details and purposeful motion that Emil Kowalski is known for, so components feel considered rather than merely functional.

    View skill: Design engineering polish View source of Design engineering polish on GitHub
  29. Design interfaces 5 files

    Design reference research

    Researches comparable products and collects references into an evidence ledger and brief, so design decisions come from what works rather than what’s fashionable.

    View skill: Design reference research View source of Design reference research on GitHub
  30. Design interfaces · Docs and files 3 files

    Design spec for AI design tools

    Writes or updates a versioned DESIGN.md that gives AI design tools like Google Stitch clear guidance on tokens, components, content, states and motion.

    View skill: Design spec for AI design tools View source of Design spec for AI design tools on GitHub
  31. Design interfaces 3 files

    Design taste for the web

    Designs and builds expressive landing pages, portfolios and marketing sites from real product evidence instead of reusable AI layouts.

    View skill: Design taste for the web View source of Design taste for the web on GitHub
  32. Plan and build · Docs and files 1 file

    Domain modeling

    Clarifies a project’s domain terms and boundaries and records the decisions in a glossary or architecture decision record.

    View skill: Domain modeling View source of Domain modeling on GitHub
  33. Plan and build 1 file

    Engineering specialists

    Routes implementation through focused guidance for the framework, language, API, data, build, CLI, realtime or deployment problem in front of you.

    View skill: Engineering specialists View source of Engineering specialists on GitHub
  34. Design interfaces · Plan and build 8 files

    Figma to code

    Turns Figma frames into production code that matches the design closely, using the Figma MCP server for design context, screenshots and assets.

    View skill: Figma to code View source of Figma to code on GitHub
  35. Ship and deploy 1 file

    Finalize

    Runs the final documentation and quality checks, summarises the diff and handles any Git publishing you asked for.

    View skill: Finalize View source of Finalize on GitHub
  36. Motion · Review and test 1 file

    Find animation opportunities

    Looks through a codebase or interface for places that should animate and rejects those that shouldn’t, proposing motion with exact values but changing nothing.

    View skill: Find animation opportunities View source of Find animation opportunities on GitHub
  37. Ship and deploy · Review and test 6 files

    Fix failing CI

    Inspects failing GitHub Actions checks on a pull request, summarises the logs, drafts a fix plan and only makes changes once you approve.

    View skill: Fix failing CI View source of Fix failing CI on GitHub
  38. Motion 2 files

    Frame-based motion

    Designs and builds scrubbable web animation made from generated or captured frames and driven by scroll, pointer, touch or data, for moments ordinary CSS can’t express.

    View skill: Frame-based motion View source of Frame-based motion on GitHub
  39. Plan and build · Design interfaces 1 file

    Frontend developer

    Implements or repairs accessible web interfaces in React, Vue or Angular, covering components, state, styling and browser behaviour.

    View skill: Frontend developer View source of Frontend developer on GitHub
  40. Working with agents 2 files

    Full output

    Makes the agent return complete code or documents without placeholder gaps, splitting long output only at real boundaries.

    View skill: Full output View source of Full output on GitHub
  41. Design interfaces 2 files

    High-end visual design

    Creates art-directed, showcase-level web interfaces with a product-specific visual idea, expressive type, deliberate composition and considered motion.

    View skill: High-end visual design View source of High-end visual design on GitHub
  42. Design interfaces 3 files

    Human-AI interface design

    Designs AI features people can trust, covering suggestions, generation, copilots and agents, along with sources, uncertainty, approvals and recovery.

    View skill: Human-AI interface design View source of Human-AI interface design on GitHub
  43. Images and media 11 files

    Image generation

    Generates and edits images through the OpenAI Image API, including masks, background removal, transparent backgrounds and batches of variants.

    View skill: Image generation View source of Image generation on GitHub
  44. Design interfaces · Plan and build 3 files

    Image to code

    Studies an approved screenshot or concept image, works out its visual and responsive system, and builds the frontend to match it faithfully.

    View skill: Image to code View source of Image to code on GitHub
  45. Motion · Review and test 3 files

    Improve animations

    Surveys an app’s existing motion like a senior motion designer would, then writes a prioritised audit with self-contained plans that other agents can carry out.

    View skill: Improve animations View source of Improve animations on GitHub
  46. Design interfaces 2 files

    Industrial brutalist UI

    Designs raw, mechanical interfaces that mix Swiss print typography with terminal aesthetics: rigid grids, extreme type contrast and utilitarian colour.

    View skill: Industrial brutalist UI View source of Industrial brutalist UI on GitHub
  47. Docs and files 12 files

    Jupyter notebooks

    Creates and edits Jupyter notebooks for experiments, explorations and tutorials, starting from bundled templates.

    View skill: Jupyter notebooks View source of Jupyter notebooks on GitHub
  48. Docs and files 5 files

    Linear

    Reads, creates and updates issues, projects and team workflows in Linear.

    View skill: Linear View source of Linear on GitHub
  49. Docs and files 7 files

    Markdown management

    Creates, merges, updates and audits Markdown without losing meaning, links or repository conventions, including README files and Agent Skills.

    View skill: Markdown management View source of Markdown management on GitHub
  50. Design interfaces 2 files

    Minimalist UI

    Designs clean editorial interfaces with warm monochrome palettes, strong typographic contrast, flat grids and restrained depth.

    View skill: Minimalist UI View source of Minimalist UI on GitHub
  51. Images and media · Design interfaces 3 files

    Mobile app concept images

    Generates polished concept images of mobile app screens and flows inside a phone frame, with consistent hierarchy across screens. It creates images, not code.

    View skill: Mobile app concept images View source of Mobile app concept images on GitHub
  52. Design interfaces · Plan and build 4 files

    Mobile app design

    Designs and builds mobile screens and flows that feel native, especially in Expo or React Native, covering navigation, controls, states, accessibility and performance.

    View skill: Mobile app design View source of Mobile app design on GitHub
  53. Plan and build 1 file

    Modern Swift

    Writes and reviews modern Swift, including value types, Swift 6 data-race safety, concurrency, generics, API design, performance and Swift Testing.

    View skill: Modern Swift View source of Modern Swift on GitHub
  54. Ship and deploy 8 files

    Netlify deploy

    Deploys and links web projects on Netlify with the Netlify CLI, including preview and production deploys.

    View skill: Netlify deploy View source of Netlify deploy on GitHub
  55. Plan and build 1 file

    Next.js developer

    Builds and maintains Next.js apps using the version, router, rendering model and deployment target the project already has.

    View skill: Next.js developer View source of Next.js developer on GitHub
  56. Docs and files 18 files

    Notion knowledge capture

    Turns conversations and decisions into structured Notion pages, such as wiki entries, how-tos, decision records and FAQs, with proper links.

    View skill: Notion knowledge capture View source of Notion knowledge capture on GitHub
  57. Docs and files 19 files

    Notion meeting prep

    Prepares meeting materials from Notion context and research, such as agendas and pre-reads tailored to the people attending.

    View skill: Notion meeting prep View source of Notion meeting prep on GitHub
  58. Docs and files 23 files

    Notion research and docs

    Researches across several Notion sources and writes structured briefs, comparisons or reports with citations.

    View skill: Notion research and docs View source of Notion research and docs on GitHub
  59. Docs and files · Plan and build 19 files

    Notion spec to plan

    Turns a spec or PRD in Notion into an implementation plan with tasks and progress tracking.

    View skill: Notion spec to plan View source of Notion spec to plan on GitHub
  60. Working with agents · Plan and build 8 files

    OpenAI docs

    Answers OpenAI product and API questions from the official documentation, including current model choices, migrations and prompt reviews, with citations.

    View skill: OpenAI docs View source of OpenAI docs on GitHub
  61. Working with agents · Plan and build 1 file

    Orchestration specialists

    Organises work across several agents and tools, covering task distribution, context management, evidence synthesis, prompt engineering and MCP design.

    View skill: Orchestration specialists View source of Orchestration specialists on GitHub
  62. Docs and files 4 files

    PDF files

    Reads, creates and reviews PDFs where layout matters, rendering pages to check them and using Python tools for generation and extraction.

    View skill: PDF files View source of PDF files on GitHub
  63. Design interfaces · Plan and build 1 file

    Pick a UI library

    Recommends the right library or inspectable source registry for a frontend need from a curated list, from accessible primitives to charts, toasts and drag and drop.

    View skill: Pick a UI library View source of Pick a UI library on GitHub
  64. Design interfaces 2 files

    Prototype variants

    Builds several genuinely different versions of a UI piece behind a visual picker, so you can flip between them live and keep the one that feels right.

    View skill: Prototype variants View source of Prototype variants on GitHub
  65. Ship and deploy 21 files

    Render deploy

    Deploys applications to Render by analysing the codebase, generating a render.yaml Blueprint and pointing you to the right dashboard pages.

    View skill: Render deploy View source of Render deploy on GitHub
  66. Docs and files · Plan and build 3 files

    Research and analysis

    Researches and compares sources, checks them against each other and writes evidence-backed reports for market, competitive, trend or data questions.

    View skill: Research and analysis View source of Research and analysis on GitHub
  67. Motion · Review and test 2 files

    Review animations

    Checks existing motion against a high craft bar, from easing and duration to interruption and reduced-motion behaviour, and explains each fix.

    View skill: Review animations View source of Review animations on GitHub
  68. Review and test 11 files

    Screenshots

    Captures desktop or system screenshots of the whole screen, one window or a region, for when the browser or tool can’t capture what you need.

    View skill: Screenshots View source of Screenshots on GitHub
  69. Security · Review and test 14 files

    Security best practices

    Reviews Python, JavaScript, TypeScript or Go code for security issues and writes secure-by-default code when you ask for it.

    View skill: Security best practices View source of Security best practices on GitHub
  70. Security 8 files

    Security ownership map

    Maps who owns sensitive code from Git history and highlights bus-factor risk and code nobody looks after.

    View skill: Security ownership map View source of Security ownership map on GitHub
  71. Review and test 6 files

    Sentry errors

    Inspects Sentry issues and events, summarises recent production errors and pulls basic health data, using read-only queries.

    View skill: Sentry errors View source of Sentry errors on GitHub
  72. Docs and files 20 files

    Slide decks

    Creates and edits PowerPoint decks with PptxGenJS, including charts and diagrams, and checks rendered slides for overflow and font problems.

    View skill: Slide decks View source of Slide decks on GitHub
  73. Design interfaces · Plan and build 2 files

    Sonner toasts

    A practical guide to Sonner, the React toast library, from wiring up the Toaster to promise toasts, styling, theming and the usual reasons toasts misbehave.

    View skill: Sonner toasts View source of Sonner toasts on GitHub
  74. Images and media 14 files

    Sora video

    Generates, edits, extends and downloads Sora videos, and runs batches of video jobs through a bundled command-line tool.

    View skill: Sora video View source of Sora video on GitHub
  75. Docs and files 9 files

    Spreadsheets

    Creates, edits, analyses and formats spreadsheets in .xlsx, .csv and .tsv, keeping formulas working and checking the result visually.

    View skill: Spreadsheets View source of Spreadsheets on GitHub
  76. Review and test 1 file

    Test audit

    Reviews a test suite for checks that prove real behaviour, and flags redundant or implementation-coupled tests worth removing.

    View skill: Test audit View source of Test audit on GitHub
  77. Images and media 16 files

    Text to speech

    Turns text into narration or voiceover with the OpenAI Audio API’s built-in voices, including batches for longer scripts.

    View skill: Text to speech View source of Text to speech on GitHub
  78. Security 5 files

    Threat model

    Builds a threat model grounded in the actual repository, covering assets, trust boundaries, abuse paths and mitigations.

    View skill: Threat model View source of Threat model on GitHub
  79. Images and media · Docs and files 7 files

    Transcribe audio

    Transcribes audio and video recordings to text, with optional speaker labels and hints for speakers you already know.

    View skill: Transcribe audio View source of Transcribe audio on GitHub
  80. Design interfaces 1 file

    UI and UX design

    Designs user-centred interface systems that balance intuitive flows with a distinctive visual direction, from information architecture to interaction patterns.

    View skill: UI and UX design View source of UI and UX design on GitHub
  81. Design interfaces · Review and test 2 files

    UI quality baseline

    Applies a shared set of visual, responsive, accessibility, state and motion checks whenever an agent creates or changes visible UI.

    View skill: UI quality baseline View source of UI quality baseline on GitHub
  82. Ship and deploy 6 files

    Vercel deploy

    Deploys applications and websites to Vercel and gives you the link, with preview deploys by default and production when you ask.

    View skill: Vercel deploy View source of Vercel deploy on GitHub
  83. Plan and build · Review and test 7 files

    Web game development

    Gives your agent a reliable loop for building browser games: make a small change, play it through a Playwright script, then check screenshots and console errors.

    View skill: Web game development View source of Web game development on GitHub
  84. Images and media · Design interfaces 3 files

    Website concept images

    Generates website concept images for landing pages and sections that developers can actually read and build from.

    View skill: Website concept images View source of Website concept images on GitHub
  85. Plan and build · Design interfaces 21 files

    WinUI apps

    Creates and develops WinUI 3 desktop apps in C# with the Windows App SDK, following Microsoft’s guidance and WinUI Gallery patterns.

    View skill: WinUI apps View source of WinUI apps on GitHub
  86. Docs and files 6 files

    Word documents

    Reads, creates and edits .docx files where formatting matters, and renders pages to check the layout visually.

    View skill: Word documents View source of Word documents on GitHub
  87. Design interfaces 2 files Kept for compatibility

    Design taste for the web (v1)

    The original version of the design-taste skill, kept for projects that depend on its exact behaviour.

    View skill: Design taste for the web (v1) View source of Design taste for the web (v1) on GitHub
  88. Design interfaces 2 files Kept for compatibility

    GPT taste (compatibility)

    Kept so older requests for gpt-taste still work. It hands premium art direction over to High-end visual design.

    View skill: GPT taste (compatibility) View source of GPT taste (compatibility) on GitHub
  89. Working with agents 1 file Kept for compatibility

    Skill router (legacy)

    An older installable router that tells an agent how to find and load the right Yeknal skill for substantive work.

    View skill: Skill router (legacy) View source of Skill router (legacy) on GitHub

Install everything at onceNeeds Node.js 18 or newer

Prefer to set up the whole catalog?

Recommended: load skills when needed

npx yeknal@latest setup

Adds a short instruction block to the coding agents it finds on your computer, so they can search this catalog and load a skill only when a task calls for one. Nothing is copied into your skills folders, existing skills stay where they are, and npx yeknal@latest setup --remove takes the instructions out again.

Install all 89 skills

npx yeknal@latest skills --all

Copies every skill into each user-level skills folder it detects. It replaces earlier yeknal- copies, including any edits you made to them, and removes yeknal- skills that have left the catalog. Skills with other names are left alone.