id-card

Generates brand-governed ID cards, badges, and credentials as print-ready HTML from a design system.

2|Updated Jun 19, 2025
One-click install
npx skills add https://github.com/Prat05devs/dapper-city-threads --skill id-card-prat05devs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: id-card
Source: https://github.com/Prat05devs/dapper-city-threads/tree/main/.agent/skills/id-card
Command: npx skills add https://github.com/Prat05devs/dapper-city-threads --skill id-card-prat05devs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Creating consistent, print-ready employee ID cards, event badges, and credentials requires translating brand guidelines into precise physical layouts, which is slow and error-prone when done manually. ## Core Features & Use Cases - 15 Variation Library: Generates 10 company ID and 5 event badge layout variations for the same person in one scrollable HTML file for visual comparison. - Brand-Governed Output: Reads the project design.md for logo, palette, typography, and claim approval rules instead of using generic presets. - Print-Safe Production: Applies millimeter-based geometry, safe areas, QR quiet zones, spacing tokens, and pairing rules for CR80 cards and large event badges. - Use Case: An event team needs staff badges for a conference; the skill reads the brand design system, builds a structured ID Card Note, and outputs all badge variations as print-ready HTML with placeholders for unapproved data. ## Quick Start Ask the assistant to create an employee ID card or event badge for your project using the existing design.md brand guidelines.

Frequently Asked Questions about id-card

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate employee ID cards from brand guidelines?▼

Provide a project design.md containing logo, color palette, typography, and layout rules. The skill extracts the relevant sections, builds a structured ID Card Note, and generates all 15 card variations in one scrollable HTML file using print-safe millimeter CSS.

What ID card and badge sizes does it support?▼

Company IDs default to CR80 at 54mm x 86mm portrait or 86mm x 54mm landscape. Event badges default to 90mm x 120mm, with a large 100mm x 140mm option. Custom sizes and orientations are followed when explicitly specified.

Can it generate a real scannable QR code for access control?▼

No. The skill never fabricates QR payloads, employee IDs, signatures, access levels, or validity dates. It inserts clearly labeled placeholders unless approved real data is supplied, and marks all approval-sensitive fields in the output.

Can I generate only one specific badge variation?▼

Yes. By default all 15 variations are produced in one HTML file, but if you explicitly name a chosen variation or final design, the skill switches to single-variation mode and records that choice in the ID Card Note and architecture file.

What happens if the design.md file is missing or outdated?▼

The skill stops and routes back to the design-system or context-brand-architect workflow first. It does not invent brand rules, since all colors, typography, logos, and claims must come from an approved design.md.