mcpbeat Sign in

App Spec Packager Agent Skill

Use this skill when the user wants to turn an application, product, startup idea, SaaS, mobile app, web app, API, AI product, or internal tool into a production-ready Markdown specification package for coding agents. Creates PRD/product spec, UX flows, design system brief, technical architecture, ADRs, AI/safety/privacy specs, API/data model, client/backend implementation specs, QA acceptance tests, release readiness, and executable task checklists. Do not use for simple one-off coding tasks unless the user asks for a complete spec, PRD, ADR, project plan for coding agents, or build package.

13k tokens
context cost
the whole folder, loaded on every use
9
files
ships runnable scripts
0
copies elsewhere
how many repositories repackaged it
131
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository
npx skills add https://github.com/instructa/agent-skills --skill app-spec-packager

What comes with it

46 626 bytes besides the instruction
README.md
agents/openai.yaml
references/document-blueprints.md
references/platform-modules.md
references/safety-privacy.md
references/task-taxonomy.md
references/validation-checklist.md
scripts/create_spec_package.py

The instruction itself

9 sections, as written by the author

App Spec Packager

Create complete, production-ready specification packages that coding agents can use to build applications without needing timelines, storypoints, budgets, or sprint planning.

Default output

Create a Markdown package folder and, when artifact/file output is available, also create a zip. Use this default structure unless the user asks otherwise:

[app-slug]-spec/
  README.md
  PRODUCT_SPEC.md
  UX_FLOWS.md
  DESIGN_SYSTEM_SPEC.md
  TECH_ARCHITECTURE.md
  ADRS.md
  AI_SPEC.md                         # only if AI/automation/model behavior is relevant
  SAFETY_PRIVACY_SECURITY.md
  API_AND_DATA_MODEL.md
  CLIENT_IMPLEMENTATION_SPEC.md
  BACKEND_IMPLEMENTATION_SPEC.md      # only if backend/API/server work is relevant
  SUBSCRIPTION_BILLING_SPEC.md        # only if monetization/payments are relevant
  ANALYTICS_OBSERVABILITY_SPEC.md
  QA_ACCEPTANCE_TESTS.md
  RELEASE_READINESS.md
  TASKS.md
  REFERENCES.md                       # include only when research or external facts were used

Use scripts/create_spec_package.py to scaffold the package when helpful, then fill every file with application-specific content.

Core workflow

  • Capture the app intent, platform, target users, core workflows, data sensitivity, AI needs, monetization, integrations, and launch constraints.
  • Ask only blocking questions. If the user has already given enough context, proceed and mark assumptions explicitly.
  • Research current facts when the spec depends on recent platform rules, SDK versions, app store rules, laws, payments, AI providers, security requirements, or framework best practices. Prefer official sources. Put citations and source notes in REFERENCES.md.
  • Choose the relevant document set. Omit docs that are truly irrelevant, but keep privacy/security, QA, and tasks for production builds.
  • Write requirements as precise, testable statements with stable IDs.
  • Convert the spec into executable tasks for coding agents. Every task needs acceptance criteria and tests.
  • Validate the package against references/validation-checklist.md before final output.

Reference loading

Read these files as needed:

  • references/document-blueprints.md: full section templates for each generated document.
  • references/platform-modules.md: platform-specific concerns for iOS, Android, web, backend, AI, payments, B2B, and regulated products.
  • references/safety-privacy.md: mandatory when the app has accounts, AI, payments, minors, health, mental health, financial/legal advice, location, biometrics, UGC, sensitive data, or safety risk.
  • references/task-taxonomy.md: mandatory before writing TASKS.md.
  • references/validation-checklist.md: mandatory before finalizing.

Writing rules

  • Do not include storypoints, budget, timelines, Gantt charts, sprint plans, or staffing plans unless explicitly requested.
  • Do not produce vague epics. Produce concrete build tasks.
  • Do not over-ask. Use assumptions when safe and reversible.
  • Do not bury non-goals. Put them near the top of PRODUCT_SPEC.md and repeat critical ones in TASKS.md as "Do not do" constraints.
  • Do not use placeholders for known information. Use placeholders only for genuinely unknown values and list them in an "Open decisions" section.
  • Do not make legal, medical, financial, or app-review certainty claims. Specify compliance requirements and mark them for legal or platform review.
  • Do not recommend storing sensitive content by default. Minimize data, separate local/server/provider data, and define retention.
  • Do not call third-party AI providers directly from client apps unless the app is a prototype and the user explicitly accepts that risk.
  • Do not create community, UGC, payments, AI memory, location tracking, biometric capture, or health data flows without explicit safety/privacy requirements.

Requirements style

Use stable IDs:

REQ-PROD-001
REQ-UX-001
REQ-ARCH-001
REQ-AI-001
REQ-SEC-001
REQ-API-001
REQ-IOS-001
REQ-WEB-001
REQ-BE-001
REQ-QA-001

Every major requirement should answer:

What must happen?
When does it happen?
Who or what triggers it?
Where is state stored?
What are the edge cases?
How is it tested?
What must never happen?

Task style

Use the task template from references/task-taxonomy.md. A good task includes:

Task ID
Title
Goal
Context
Requirements
Files or areas likely involved
Acceptance criteria
Tests
Dependencies
Do not do

Make tasks implementable by coding agents with minimal back-and-forth. Prefer small, verifiable tasks over broad epics.

Production default assumptions

Use these defaults unless user context contradicts them:

  • Prefer native client stacks when platform quality depends on deep platform integration.
  • Prefer typed languages, explicit API contracts, migrations, and automated tests.
  • Prefer backend mediation for AI, billing, rate limits, and sensitive integrations.
  • Prefer local-first or data-minimized designs for sensitive applications.
  • Prefer provider abstraction for AI and payments where lock-in is avoidable.
  • Prefer no sensitive analytics. Track product events without content or sensitive categories.
  • Include accessibility, localization readiness, error states, offline states, observability, deletion/export, and release readiness.

Final response

Return links to the generated folder or zip. Briefly state what was created and call out any assumptions or items that require legal/platform/security review.

Other skills for the same job

different authors, same section of the catalogue
UI Visual Validator
by ComeOnOliver
×2

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.

5k tokens
Wp Project Triage
by Automattic
vendor ×1

Use when you need a deterministic inspection of a WordPress repository (plugin/theme/block theme/WP core/Gutenberg/full site) including tooling/tests/version hints, and a structured JSON report to guide workflows and guardrails.

6k tokens scripts
Frontend Accessibility
by ComeOnOliver
×1

Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader support, ARIA attributes, and proper focus management. Use this skill when creating or editing React components (.tsx, .jsx files), when implementing forms with labels and inputs, when building interactive elements (buttons, modals, menus, dialogs), when implementing keyboard navigation, when choosing colors and ensuring contrast ratios, when adding ARIA attributes, when testing with screen readers, when implementing focus states and focus management, or when creating heading structures and page landmarks.

3k tokens
Frontend Responsive
by ComeOnOliver
×1

Build mobile-first responsive layouts with fluid containers, relative units, standard breakpoints, and touch-friendly design that adapts seamlessly across devices. Use this skill when creating or modifying layouts, implementing media queries, defining breakpoints, choosing sizing units, optimizing for mobile devices, or testing UI across screen sizes. Apply when working with responsive design, mobile layouts, tablet views, desktop views, viewport configuration, or any styling that needs to adapt to different screen sizes and device capabilities.

3k tokens
Visual QA
by code-yeongyu

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI looks wrong, reference fidelity, design system check, responsive check, CJK text clipping, TUI alignment, box-drawing drift.

19k tokens scripts
Flutter Add Widget Preview
by flutter
vendor

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

2k tokens
Wp Project Triage
by WordPress
vendor

Use when you need a deterministic inspection of a WordPress repository (plugin/theme/block theme/WP core/Gutenberg/full site) including tooling/tests/version hints, and a structured JSON report to guide workflows and guardrails.

6k tokens scripts
Ios Simulator Skill
by conorluddy

29 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for AI agents with minimal token output.

137k tokens scripts

How to use it

Copy the folder

Take instructa/app-spec-packager from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.