Development

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

skills in category: 70,058
pages available: 2,920

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 19,249–19,272 of 70,058 skills

Lawd Evidence Timeline GeneratorA证据时间线生成技能。根据用户提供的证据材料，自动提取时间信息并按时间顺序整理，生成证据时间线 Markdown 文档和 HTML 思维导图文件。TRIGGER when: (1) 用户提及"时间线"、"时间轴"、"事件排序"、"证据时间线"、"案件时间线"等关键词，(2) 用户提供证据材料并要求按时间整理，(3) 用户需要可视化展示案件事件发展过程，(4) 用户准备诉讼材料需要梳理时间脉络。输出：证据时间线 Markdown 文档 + HTML 交互式思维导图（基于 ECharts）。IMPORTANT: 必须基于用户实际提供的材料内容提取时间信息，严禁编造或推测任何事件；时间必须准确，无法确认的时间需标注"时间不详"。NOT for: 证据质证、证据效力评估、法律分析。developmentjavascriptpythonVotes: 0GitHub stars: 28
Doubao Contract ReviewerAdoubao-contract-reviewer 是面向大众用户的合同审查 Skill，适合在豆包/豆包 Turbo 中审查各类合同。用户上传合同或询问“帮我审合同、合同有没有问题、这份合同能不能签、合同风险、合同把关、legal review”时必须使用。本 Skill 强制输出比裸跑更有用的结构化审查：先判断我方立场，再按交易模块识别风险，区分“必改风险 / 可争取优化项 / 形式完善项”，并给出可直接替换或补充的修改文本。适用于保密、买卖、服务、委托、借调、SaaS、许可、合作、租赁、渠道、数据处理等泛合同场景。developmentpythonbashVotes: 0GitHub stars: 28
Doubao App BuilderA统一处理应用级和工程级产品的设计、开发、编辑及产物问答（单页html和h5的开发和设计不要使用这个skill）。当用户明确点名「妙搭」时请使用本技能。适用于全栈应用，包括多页面或多文件工程、前端框架、后端服务、API、数据库、登录权限、业务逻辑、构建运行和发布部署。也支持基于 PRD、文档、截图或素材开发应用，以及对已有应用新增功能、调整页面、修复 Bug、分析源码、排查运行错误和查询运营或发布状态。developmenttypescriptpythonVotes: 0GitHub stars: 28
Browser Use AutomationAControl websites exclusively through the CNGC Browser Use stack: `computer_use_tool` with `plane=\"bu\"` and `seed_browser_use`. Use whenever the user asks to open or navigate a web page, inspect visible content or UI state, click, type, select, upload or download files, take screenshots, manage tabs, test a web flow, or troubleshoot browser behavior. Also use for Taobao/Tmall, Weibo, and Xiaohongshu workflows. Site references provide business rules only. Whenever login, reauthentication, QR/...developmentjavascriptpythonVotes: 0GitHub stars: 28
HtmlA专门设计、生成和修改可直接在浏览器中打开的 HTML 页面。交付物以独立 .html 文件为主，可包含内联或本地 CSS、JavaScript，支持页面布局、视觉样式、交互效果、响应式适配、组件设计和内容展示。适用于静态网页、单页展示、活动页、原型页、HTML 模板及页面片段。不处理前后端工程、应用框架、服务端接口、数据库、用户系统、构建部署或运营数据。developmentjavascriptpythonVotes: 0GitHub stars: 28
PresentationsARead, create or edit PowerPoint or Google Slides decks. Use for presentation, slide deck, PowerPoint, PPT, PPTX, or Google Slides requests.developmentjavascripttypescriptVotes: 0GitHub stars: 28
Skills DirectorySkills Directory Look up any of 103,619 scanned skills — grade, score, and every finding. Free.Check a skill
DistillAExtract an Allium specification from an existing codebase. Use when the user has existing code and wants to distil behaviour into a spec, reverse engineer a specification from implementation, generate a spec from code, turn implementation into a behavioural specification, or document what a codebase does in Allium terms.developmenttypescriptpythonVotes: 0GitHub stars: 20
Release PlanAUse when generating or editing an Nx version plan in .nx/version-plans/ — the bump type must always be `patch`, one package per file.developmentreactVotes: 0GitHub stars: 23
Figma Token SyncASync processed CSS design tokens with JavaScript theme objects for React Native. Use when aligning tokens after Figma sync, checking token consistency, or updating JS theme files manually.developmentjavascripttypescriptVotes: 0GitHub stars: 23
Disabled ContextAUse when a component has a `disabled` state/variant, or when building a compound component that owns a disabled state — inherit/provide it via the shared disabled context so state flows from parent to sub-components.developmentVotes: 0GitHub stars: 23
Component ArchitectureAUse when designing or changing a component's public API, its composition, or its state model in libs/ui-react or libs/ui-rnative — layering (core vs internal vs primitives), BaseProps/Props splits, converting a component to compound / changing its composition with createSafeContext, controlled/uncontrolled state, prop-naming conventions, and cross-platform API parity. Load this before shaping a new component, changing its props, or refactoring its composition.developmenttypescriptgoVotes: 0GitHub stars: 23
Component AnatomyAUse when creating, naming, or placing a file or folder in libs/*, or when modifying or adding a file to an existing component (even when the barrel isn't touched) — component vs utility naming, the one-responsibility-per-file layout, when a folder needs an `index.ts` barrel (public API only), and the required set of files a component needs per lib. Load this before scaffolding or restructuring a component so the layout matches the codebase.developmentreacttestingVotes: 0GitHub stars: 23
TdAManage tasks and issues with the td CLI. Use for creating, tracking, querying, and handing off work items. Covers task lifecycle, session management, structured handoffs, epics, dependencies, and boards.developmentgobashVotes: 0GitHub stars: 119
Readme ReviewerAReview a codebase and generate or update its README.md according to best practices. The skill performs static analysis of the project structure, dependencies, scripts, and existing documentation, then produces a comprehensive, accurate README. **Triggers — use this skill when:** - User asks to "review", "update", "improve", or "generate" a README - User says "create a README for this project" - User mentions "document this repo", "add documentation" - User asks to "fix my README" or "make my...developmenttypescriptpythonVotes: 0GitHub stars: 119
PlaywrightATake screenshots and interact with web pages using a headed Playwright browser. Use when you need to visually inspect a URL, capture a screenshot, interact with a page (click, type, scroll), or verify what a page looks like rendered. **Triggers — use this skill when:** - You need to screenshot a URL (Penpot share link, localhost, public site) - User says "show me", "how does it look", "take a screenshot" - You want to visually verify your own work (e.g. after creating Penpot designs) - User ...developmentjavascriptgoVotes: 0GitHub stars: 119
Plan ModeAStructured planning mode for AI agents working on coding and development tasks. Produces a comprehensive plan BEFORE any code is written or changed, including task decomposition, architecture decisions, risk assessment, and approval gates. Use this skill whenever the user says "/plan", "plan mode", "plan first", "think before coding", "make a plan", or asks the agent to plan before executing. Also trigger when the user describes a complex multi-step development task and would clearly benefit ...developmentgogitVotes: 0GitHub stars: 119
Git Project StatusAGenerate comprehensive status reports for git repositories. Analyzes commits, codebase structure, type errors, branch health, dependency status, GitHub PRs/issues/CI, working tree changes, and optionally integrates with `td` (task management CLI) if a `.todos` folder is present. **TRIGGERS - Use this skill when:** - User asks for the status of a git project or repo - User asks "what's going on in [project]" or "give me an overview of [repo]" - User wants a project summary, progress report, o...developmentjavascripttypescriptVotes: 0GitHub stars: 119
Vercel PatternsAApply Vercel deployment, edge function, and environment variable patterns. Use when deploying to Vercel.developmenttypescriptbashVotes: 0GitHub stars: 66
Mermaid DiagramsAGenerate and validate Mermaid diagrams (component, sequence, ER, deployment, state machine) for features. Use when documenting architecture.developmentsqlreactVotes: 0GitHub stars: 66
Cucumber AutomationAExtract Gherkin scenarios from story markdown files into runnable .feature files and generate step definition stubs. Use when syncing stories to test suites.developmentjavascripttypescriptVotes: 0GitHub stars: 66
Trigger Realtime And FrontendATrigger.dev client/frontend surface: subscribe to runs in realtime (runs.subscribeToRun and the @trigger.dev/react-hooks hook useRealtimeRun), consume metadata and AI/text streams in React (useRealtimeStream), trigger tasks from the browser (useTaskTrigger, useRealtimeTaskTrigger), and mint scoped frontend credentials with auth.createPublicToken / auth.createTriggerPublicToken. Load when wiring a frontend (React/Next.js/Remix) or backend-for-frontend to show live run progress, status badges, ...developmentreactnextjsVotes: 0GitHub stars: 79
Trigger Getting StartedABootstrap Trigger.dev into an existing project from scratch: authenticate the CLI, install @trigger.dev/sdk and @trigger.dev/build, write trigger.config.ts with the project ref and task dirs, scaffold a /trigger directory with a first task, wire tsconfig and .gitignore, set TRIGGER_SECRET_KEY, and run the dev server. Load this when a project has no trigger.config.ts yet and the user asks to "add Trigger.dev", "set up Trigger.dev", "initialize Trigger.dev", or get a first task running, includi...developmentjavascriptgoVotes: 0GitHub stars: 79
Trigger Authoring TasksACovers writing backend Trigger.dev tasks with @trigger.dev/sdk: defining task() and schemaTask(), the run function and its ctx, retries, waits, queues and concurrency, idempotency keys, run metadata, logging, triggering other tasks (and the Result shape), scheduled/cron tasks, and the essentials of trigger.config.ts. Load this whenever you are authoring or editing code inside a /trigger directory, defining a task, or writing backend code that triggers tasks. Realtime/React hooks and AI chat a...developmentsqlreactVotes: 0GitHub stars: 79
Trigger Authoring Chat AgentAAuthor and run a durable AI chat agent with chat.agent from @trigger.dev/sdk/ai: the per-turn run loop, why you MUST spread ...chat.toStreamTextOptions() first, returning a StreamTextResult vs calling chat.pipe(), the two server actions (chat.createStartSessionAction + auth.createPublicToken), and wiring useChat to useTriggerChatTransport. Load this when building, modifying, or debugging a chat backend (the agent task or its lifecycle hooks) or its React transport, when declaring typed tools ...developmentreactnodeVotes: 0GitHub stars: 79