Development

Programming, frameworks, implementation, frontend, backend, and app development

skills in category: 70,047
pages available: 2,919

Security grades appear on each card once the skill has been scanned. Newly imported skills may briefly show without a grade until the backfill job runs.

Open in full browser

Browse development skills

Showing 17,401–17,424 of 70,047 skills

Mermaid DiagramsACreate software diagrams in Mermaid — class, sequence, flowchart, ERD, C4, state, gitgraph, gantt. Use to "diagram", "visualize", "map out", or "show the flow" of architecture, database schemas, code structure, or user/app flows.developmentgonodeVotes: 0GitHub stars: 4
ImpeccableAUse when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty statesdevelopmentgoshellVotes: 0GitHub stars: 4
Hunt Race ConditionAHunting playbook for race-condition / TOCTOU vulnerabilities — concurrent-request abuse, HTTP/2 single-packet attacks, double-redeem / double-spend, MFA-OTP & email-verify races, rate-limit bypass. Use when hunting races or TOCTOU bugs.developmentpythondebuggingVotes: 0GitHub stars: 4
Grill MeAInterview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".developmentVotes: 0GitHub stars: 4
Fullstack Delivery LoopAContinuous fullstack delivery loop — cycles a combined frontend+backend team through test → diagnose → fix → review → secure → re-test, building both layers together in cross-side vertical-slice waves until every E2E/suite, code-quality, visual-fidelity, and security gate is clean. Use to develop, fix, harden, or finish a feature that spans the API and the UI in one coordinated loop, instead of running the frontend and backend loops back-to-back.developmentgobashVotes: 0GitHub stars: 4
Frontend FundamentalsAFront-end system-design reference — box model, rendering/reflow, DOM & Web APIs, virtualisation, state design, network transports, web performance.developmentgoreactVotes: 0GitHub stars: 4
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
Frontend Delivery LoopAContinuous frontend delivery loop — cycles subagents through test → diagnose → fix → review → re-test until E2E and review are clean. Use to develop, fix, harden, or finish a frontend feature/epic verified by tests.developmentgobashVotes: 0GitHub stars: 4
Figma Code ConnectACreate or update Figma Code Connect template files (.figma.ts/.figma.js) that map Figma components to code. Use for Code Connect, Figma component mapping, design-to-code.developmentjavascripttypescriptVotes: 0GitHub stars: 4
Fastify Best PracticesADevelop, configure, and debug Fastify (Node.js/TypeScript) servers and REST APIs — routes, plugins, JSON Schema validation, hooks, auth, serialization, performance, deployment. Triggers: Fastify, server.ts, app.ts, fastify.config.developmenttypescriptgoVotes: 0GitHub stars: 4
DiagnoseADisciplined diagnosis loop for hard bugs and performance regressions — reproduce → hypothesise → instrument → fix → regression-test. Use when asked to diagnose/debug, something is broken or failing, or a perf regression is reported.developmentgotestingVotes: 0GitHub stars: 4
Delivery Loop RetroAWrite a structured retrospective of a delivery-loop run (frontend-delivery-loop, backend-delivery-loop, or fullstack-delivery-loop) that judges what went well, what went badly, where time/roundtrips/tool calls were wasted and in which skill or agent, how the agents integrated, and the session id + trace file paths — then save it as a Markdown report for skill-evolution-factory to act on. Use this the moment a delivery loop finishes (or stalls), whenever the user says "retro", "post-mortem", "...developmentpythongoVotes: 0GitHub stars: 4
Cypress ExplainAExplains Cypress tests (E2E and component) and how Cypress works — use to understand, review, or critique tests without editing code, even if the user only says "tests". For creating or fixing tests, prefer cypress-author.developmentapiVotes: 0GitHub stars: 4
Cypress DocsASearch and extract Cypress information from official documentation (docs.cypress.io, cypress.io); prefer LLM markdown under /llm/* and refuse unverified API or behavior claims.developmentapidocumentationVotes: 0GitHub stars: 4
Cypress AuthorACreates, updates, and fixes Cypress tests (E2E and component) — use to write, add, update, or fix failing/flaky tests, even if the user only says "tests". For explaining or reviewing without edits, prefer cypress-explain.developmentgotestingVotes: 0GitHub stars: 4
Css ArchitectureAOrganize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.developmentgoreactVotes: 0GitHub stars: 4
Create SvgACreate professional SVG logos, brand identities, icons, wordmarks, and visual marks — multiple concepts, layouts, and color variations. Use when asked to design a logo, brand identity, icon, or visual mark.developmentgoapiVotes: 0GitHub stars: 4
Core Web VitalsACore Web Vitals reference for measuring, diagnosing, and improving LCP, INP, and CLS page performance against Google's thresholdsdevelopmentpythongoVotes: 0GitHub stars: 4
Conventional CommitAWrite and apply Conventional Commits — type(scope): subject, imperative mood, with body and BREAKING CHANGE footer when needed. Use when committing staged work or asked to write, review, or standardize a commit message.developmentgitperformanceVotes: 0GitHub stars: 4
Components Composition PatternsAReact composition patterns that scale — compound components, render props, context providers, lifting state. Use when refactoring boolean-prop-heavy components or designing flexible, reusable component APIs (incl. React 19)developmentgoreactVotes: 0GitHub stars: 4
Code PatternsAThe bar for any code you write, edit, or review. Read these rules whenever you are writing or reading any codedevelopmentgogitVotes: 0GitHub stars: 4
Canvas DesignACreate beautiful visual art in .png and .pdf documents using design philosophy. Use when the user asks to create a poster, piece of art, design, or other static visual piece.developmentgoexpressVotes: 0GitHub stars: 4
Bullmq SpecialistABullMQ Redis-backed job queues in Node.js/TypeScript — workers, delayed/repeatable jobs, flows, rate limiting, retries. Use for background jobs, job scheduling, or reliable async processing.developmenttypescriptnodeVotes: 0GitHub stars: 4
Building ComponentsAGuide for building modern, accessible, and composable UI components. Use when building new components, implementing accessibility, creating composable APIs, setting up design tokens, publishing to npm/registry, or writing component documentation.developmenttypescripttestingVotes: 0GitHub stars: 4
Backend To Frontend Handoff DocsACreate API handoff documentation for frontend developers. Use when backend work is complete and needs to be documented for frontend integration, or user says 'create handoff', 'document API', 'frontend handoff', or 'API documentation'.developmentgoapiVotes: 0GitHub stars: 4