daffy0208/ai-dev-standards
64 skills14.9k installs2.1k starsGitHub
Install
npx skills add https://github.com/daffy0208/ai-dev-standardsSkills in this repo
1Animation DesignerThe animation-designer skill helps agents implement professional motion for web apps using Framer Motion and CSS animations. Coverage spans page transitions, enter and exit animations, hover and button interactions, loading states, parallax and scroll-triggered motion, progress indicators, and form focus or success feedback. Patterns include fade-in on mount, staggered lists, layout animations, drag feedback, and reduced-motion accessibility considerations. Installation guidance covers framer-motion setup with TypeScript React examples for motion.div, variants, and easing curves. Agents pick patterns matching product tone from subtle enterprise motion to expressive marketing transitions. Use when users need UI animation code, scroll effects, or micro-interaction design for React or CSS-based interfaces.1.7kinstalls2Brand DesignerThe brand-designer skill expert in brand identity logo design and visual brand systems Brand Designer Skill I help you create cohesive brand identities logos and visual brand systems What I Do Brand Identity Logo design and variations Color palettes Typography systems Brand guidelines Visual Assets Business cards letterheads Social media templates Marketing materials Brand presentation decks Brand Strategy Brand positioning Target audience definition Competitor analysis Brand voice and tone Logo Design Process Step 1 Brand Discovery Questions to Answer What does the company do Who is the target audience What are the brand values What feeling should the logo evoke Any colors symbols to avoid Example Brief markdown Brand Brief TechStart Industry SaaS developer tools Target Audience Software developers 25-40 years old Brand Values Innovation simplicity reliability Personality Modern technical approachable Competitors GitHub GitLab Vercel Logo Requirements Works in monochrome Scales from 16px favicon to billboard Modern not trendy should age well Unique memorable Step 2 Logo Concepts Concept 1 Wordmark Clean modern typography Focus on the company name Example1.2kinstalls33d Visualizer3d-visualizer is an agent skill (version 1.0.0) from daffy0208/ai-dev-standards tagged for three-js, 3d, webgl, react-three-fiber, and visualization. It scaffolds 3D models and scenes with materials, lighting, animations, and camera controls, plus data-visualization use cases such as 3D charts, network graphs, geospatial plots, and scientific views. Interactive patterns include 360° product viewers, configurators, demos, and lightweight 3D games. Developers reach for 3d-visualizer when a README, dashboard, or marketing page needs immersive WebGL content without hand-rolling boilerplate scene graphs from scratch.624installs4Data Visualizerdata-visualizer is version 1.0.0 skill in daffy0208/ai-dev-standards labeled expert in charts, dashboards, and data visualizations using modern libraries. The manifest lists domains spanning ai, api, frontend, backend, testing, product, design, and data with medium cost and latency, low risk, and side effects that modify files and create artifacts. A required precondition checks that the project environment is initialized before the skill runs. Developers reach for data-visualizer when adding KPI panels, interactive charts, or exportable visualization components to web or app frontends instead of hand-rolling D3 or chart configs from scratch. The skill composes with frontend and design workflows where observability logs execution time and success rate metrics. Use when visualization is a deliverable inside the product UI rather than a standalone notebook exploration.559installs5Video Producervideo-producer is a version 1.0.0 agent skill from daffy0208/ai-dev-standards focused on production-grade in-app video playback rather than marketing production. The skill encodes React custom player patterns, hls.js adaptive bitrate streaming with native Safari fallback, picture-in-picture, fullscreen, quality selection, playback speed, hover thumbnails, and upload progress handling. Tagged domains include video-player, streaming, hls, and adaptive-bitrate for VOD, live streams, and progressive download scenarios. Developers invoke it when shipping course video, product demos, or platform playback that needs captions, multi-bitrate menus, and resilient HLS error recovery instead of default HTML5 controls. The workflow returns player scaffolds, streaming configuration snippets, WebVTT subtitle wiring, and checklists for PiP and quality UX that integrate into existing React codebases. Install via npx playbooks add skill daffy0208/ai-dev-standards --skill video-producer when embedding rich media experiences in SaaS or education products.431installs6Knowledge Base Managerknowledge-base-manager is version 1.0.0 agent skill from daffy0208/ai-dev-standards for designing, building, and maintaining high-quality knowledge bases. The skill treats knowledge as structured information plus quality curation and accessibility, bridging document-based RAG pipelines and entity-based graph stores. Developers reach for knowledge-base-manager when creating organizational knowledge systems, intelligent information apps, or agent grounding layers that need provenance and versioned facts. Outputs include schema designs, curation workflows, and accessibility patterns so both humans and AI systems can query validated information rather than raw data dumps.412installs7Mobile Developermobile-developer is a version 1.0.0 agent skill from daffy0208/ai-dev-standards for React Native and Expo cross-platform mobile development. It scaffolds TypeScript Expo apps with Expo Router tab and stack navigation, reusable Button and Card components, Zustand auth stores, and hooks for fetch, camera, location, and push notifications via expo-camera, expo-location, and expo-notifications. The skill also covers FlashList list optimization, expo-image caching, EAS build and submit commands for App Store and Google Play, and OTA updates with eas update. Developers reach for mobile-developer when standing up iOS and Android from one codebase, wiring native device APIs, optimizing bundle and list performance, or preparing TestFlight and Play Store releases. Jest and React Native Testing Library examples are included for component tests.399installs8Knowledge Graph Builderknowledge graph builder is a daffy0208 ai-dev-standards skill (version 1.0.0) for designing production knowledge graphs that ground LLM agents. Its six phases cover ontology design with RDF/Turtle examples, database selection among Neo4j, Amazon Neptune, ArangoDB, and TigerGraph, entity and relationship extraction pipelines targeting above 85% accuracy, hybrid Neo4j plus Pinecone vector search, Cypher query patterns for path and recommendation queries, and KnowledgeGraphRAG with hallucination detection. The skill documents constraints, indexes, confidence scores on edges, and validation checklists for query latency under 100ms on common patterns. Use it when complex entity relationships dominate the domain and teams need traversable structured memory beyond flat RAG chunk retrieval.363installs9Iot Developeriot-developer is a skill from daffy0208/ai-dev-standards focused on firmware-adjacent cloud architecture for connected products. It steers agents toward MQTT and HTTP gateway patterns, device telemetry ingestion, and reliable edge-to-cloud synchronization rather than generic REST CRUD. Developers invoke it when defining how sensors publish state, how gateways authenticate devices, and how cloud services store time-series telemetry at scale. The skill fits backend and integration work where mobile or embedded clients depend on durable message buses and idempotent sync. Use iot-developer when scoping IoT platform services, designing ingestion pipelines, or reviewing gateway security before shipping device fleets.362installs10Prototype Designerprototype designer is a version 1.0.0 skill from ai-dev-standards that structures prototyping from tool selection through developer handoff. It compares six tools—Figma, Framer, ProtoPie, Adobe XD, InVision, and Axure—and walks through six phases: choosing tools, mapping user flows, building interactive prototypes, advanced Framer motion examples, usability testing with 5-8 participants, and handoff documentation with interaction specs. Developers get TypeScript user-flow templates, Figma prototyping patterns, Framer Motion component samples, test scripts, and implementation guides covering React Hook Form, Zod, and animation libraries. The skill emphasizes testing critical paths like signup and checkout before investing in full builds, using real content instead of lorem ipsum, and exporting annotated specs for engineering. Reach for prototype designer when requirements need tangible UI validation rather than immediate code commits.257installs11Copywritercopywriter is a writing skill from daffy0208/ai-dev-standards aimed at technical founders and engineers who must produce marketing copy without a dedicated content team. The skill drafts landing-page headlines, product descriptions, calls to action, and launch announcements while preserving brand voice and weaving SEO-friendly phrasing. Developers reach for copywriter when a repo README voice does not translate to a public landing page or when A/B-ready headline variants are needed quickly. It keeps tone consistent across hero sections, feature blurbs, and signup CTAs so agents output publishable web copy instead of generic AI filler.242installs12Visual DesignerVisual designer skill from ai-dev-standards helps agents produce consistent visual language—palettes, type scales, component styling, and branded layouts—for web and mobile products so interfaces look intentional before engineering implementation.237installs13Product AnalyticsAI dev standards skill codifying product analytics practice: name core metrics, design funnels and cohorts, standardize event taxonomies, review experiments, and translate data into concrete product decisions engineering can implement.231installs14Api Integration BuilderBuilds production-ready API integrations: scaffolds typed clients, handles authentication and token refresh, implements webhooks and polling fallbacks, and hardens error handling so SaaS and agent products reliably talk to external platforms.221installs15Performance OptimizerSystematically improves application speed and efficiency: establishes baselines, identifies hot paths in frontend and backend, applies caching and query fixes, and documents perf budgets for ongoing regression control.208installs16Design System ArchitectArchitects scalable design systems with tokens, component libraries, usage guidelines, and governance for engineering handoff. It specifies naming, variants, accessibility requirements, and documentation structure so SaaS, mobile, and extension UIs remain visually and behaviorally consistent as teams ship features in parallel.202installs17Frontend BuilderBuilds production frontend surfaces: scaffolds components and routes, applies responsive layouts and design systems, wires client state and API consumption, and follows framework conventions so SaaS and content apps ship polished interactive UIs.197installs18Livestream EngineerGuides implementation of live streaming stacks: encoder setup, ingest endpoints, transcoding ladders, HLS or WebRTC playback, chat integration, and observability. Addresses latency tradeoffs, DRM basics, moderation hooks, and runbooks for dropped frames or provider outages in webinar and creator use cases.196installs19Customer Support BuilderCustomer Support Builder helps teams design and implement support stacks—ticketing integrations, AI-assisted replies, escalation rules, and knowledge bases—so SaaS products ship with operational help workflows baked in.192installs20Security EngineerThe security-engineer skill from daffy0208/ai-dev-standards turns Claude Code into a hands-on appsec implementer: secret management, auth fixes, dependency review, validation hardening, and concrete remediation of vulnerabilities in AI-authored code prior to ship.192installs21Product AnalystPerforms structured product analysis that converts business goals into scoped requirements, user stories, acceptance criteria, and success metrics. It documents assumptions, dependencies, and tradeoffs so engineering and design teams validate the right MVP, estimate accurately, and align stakeholders before implementation begins.188installs22Quality AuditorActs as a quality auditor skill from ai-dev-standards: systematically reviews code, documentation, tests, and specs against defined standards to surface defects, inconsistencies, and release blockers before ship.188installs23Api Designerapi-designer from daffy0208/ai-dev-standards guides Claude Code through production API design: resource naming, pagination, error envelopes, authentication scopes, versioning strategy, and OpenAPI documentation aligned with team AI development standards.187installs24Audio ProducerGuides agents through end-to-end audio production for digital products: scripting, recording, editing, mixing, and exporting assets suited for apps, landing pages, courses, and marketing. Covers voice selection, pacing, noise cleanup, loudness standards, and format choices for web and mobile delivery.184installs25Quality AssuranceThe quality assurance skill in ai-dev-standards equips Claude Code to enforce disciplined QA before ship: structured test plans, regression awareness, acceptance validation, and explicit go/no-go criteria when AI-generated changes need human-trustworthy verification.176installs26Customer Feedback AnalyzerStructures analysis of customer feedback from tickets, surveys, reviews, and call notes into actionable product insights. It clusters themes, quantifies urgency, surfaces representative quotes, and maps findings to scope, roadmap, and success metrics so teams validate problems before building solutions.175installs27Ux DesignerUX designer skill guides Claude through user research synthesis, journey mapping, wireframing, interaction patterns, and accessibility-minded layout decisions so validate-stage prototypes feel coherent before frontend engineers implement production UI.173installs28Rag ImplementerImplements retrieval-augmented generation end-to-end: ingestion, chunking, embeddings, vector database integration, retrieval tuning, and context assembly so Claude-built agents and APIs ground answers in private knowledge bases.172installs29Usability TesterUsability-tester from ai-dev-standards guides agents through systematic usability checks on interfaces and flows, surfacing navigation problems, unclear affordances, and task failures with prioritized fixes for SaaS, mobile, and content products.169installs30Forensic Data EngineerActs as a forensic data engineer for production incidents: traces bad records through ETL, identifies schema drift, validates assumptions with targeted queries, and drafts safe replay or backfill plans. Delivers clear timelines, impact estimates, and guardrails so analytics and billing stay trustworthy after breakage.168installs31Voice Interface BuilderVoice-interface-builder in ai-dev-standards guides creation of speech-driven experiences—intents, prompts, error recovery, and platform integrations—for assistants, mobile, and SaaS so teams ship reliable conversational interfaces.168installs32Supabase DeveloperSupabase developer skill from ai-dev-standards teaches production patterns for Supabase backends including Postgres modeling, Row Level Security, authentication, realtime channels, storage, and edge functions. It helps teams ship secure SaaS, API, and agent backends with consistent integration standards.167installs33Pricing StrategistHelps founders and PMs define monetization: maps customer segments to tiers, compares competitor pricing, models margins, and recommends launch price ladders with upgrade paths.165installs34Data EngineerFunctions as a data engineer for product backends: designs ingestion and transformation pipelines, models warehouse tables, enforces data quality gates, and delivers reliable datasets that power dashboards, features, and downstream ML workloads.164installs35Accessibility EngineerActs as an accessibility engineer for web and mobile surfaces: identifies WCAG violations, prescribes ARIA and semantic fixes, validates keyboard navigation and contrast, and produces actionable remediation so products ship inclusively and compliantly.162installs36Spatial DeveloperSpatial-developer skill in ai-dev-standards helps engineers build AR, VR, and 3D web or mobile experiences with consistent patterns for scenes, input, accessibility, and performance so immersive products ship with fewer spatial UX regressions.160installs37Testing StrategistTesting strategist from daffy0208/ai-dev-standards helps teams craft structured QA plans for AI-assisted software, defining unit, integration, and acceptance coverage before code review and release.159installs38Security ArchitectThe security-architect skill in ai-dev-standards positions Claude Code as a design-time security reviewer: threat models, trust boundaries, compliance-aware controls, and architectural abuse analysis before agent-generated backends, agents, or SaaS surfaces go live.152installs39Focus Session ManagerRuns structured focus sessions for builders with defined goals, timers, break rules, and outcome notes. It helps agents and developers protect deep-work time during iteration, track what shipped each block, and reduce context switching while tackling backlogs, refactors, documentation, and incremental product improvements.151installs40Codex Review WorkflowDefines a Codex review workflow for ai-dev-standards projects: inspect change sets systematically, apply coding standards and risk checks, document findings in a consistent format, and guide authors through fixes before merge or release.150installs41Localization EngineerEngineers localization for web and mobile apps: ICU messages, pluralization, RTL support, locale detection, translation management, and CI checks for missing keys. Covers hreflang considerations, pseudolocale testing, and handoff patterns so teams ship multilingual SaaS and ecommerce without layout regressions or stale strings.150installs42Mvp BuilderHelps teams define and prototype MVPs with ruthless scope control: user stories, must-have flows, technical shortcuts, and validation metrics. Balances speed with credibility—working auth, one happy path, plausible data, and clear kill or pivot signals—so founders and PMs learn quickly without premature scaling or architecture debt.148installs43Growth ExperimenterStructures growth experimentation for software teams: hypothesis framing, primary metrics, sample sizing intuition, variant specs, implementation notes, and decision rules. Covers onboarding tweaks, pricing tests, email triggers, and feature flags with emphasis on learning speed without polluting analytics or harming trust.147installs44Asset Managerasset-manager from daffy0208/ai-dev-standards teaches Claude Code how to structure project assets—images, icons, fonts, and media—with consistent folders, optimization, accessibility metadata, CDN usage, and branding rules for SaaS, content, and ecommerce frontends.146installs45Technical WriterTechnical writer skill from ai-dev-standards: drafts and refines API references, README files, tutorials, and operational runbooks with clear structure, accurate examples, and audience-appropriate tone for developers and end users.146installs46Multi Agent ArchitectProvides architecture patterns for multi-agent systems: when to split agents, how to route tasks, coordinate tools, enforce guardrails, and observe inter-agent traffic at scale.145installs47Product StrategistShapes early product direction: synthesizes user research into positioning, prioritizes opportunities with impact-effort framing, and aligns roadmap themes with measurable outcomes before prototyping begins.144installs48Prp GeneratorPRP generator from daffy0208/ai-dev-standards turns fuzzy feature ideas into structured Product Requirement Prompts for Claude Code and other agents, documenting goals, constraints, and testable outcomes before implementation begins.144installs49Figma DeveloperOperationalizes Figma handoff for frontend engineers by parsing frames, components, variants, and design tokens into implementable structure. It produces component hierarchies, style mappings, responsive behavior notes, and asset lists so coded interfaces match approved designs with fewer review cycles and rework.137installs50Bmad MethodEncodes the BMAD method from ai-dev-standards for structuring AI-assisted development: systematic breakdown of goals, modeling requirements, architectural decisions, and phased delivery so agent workflows start from explicit, reviewable scope instead of ad hoc prompting.133installs51Task Breakdown SpecialistThe task-breakdown-specialist skill in ai-dev-standards helps Claude Code turn fuzzy goals into validated scope: clear milestones, explicit dependencies, right-sized tasks, and agent-executable work packets before expensive build and ship cycles begin.132installs52Go To Market PlannerProduces actionable go-to-market plans covering ideal customer profiles, positioning, channel strategy, launch sequencing, and asset checklists. It aligns product, marketing, and sales motions with timelines, KPIs, and dependencies so SaaS, ecommerce, and content products ship with coordinated distribution instead of ad hoc announcements.129installs53Deployment AdvisorAdvises on production deployments: recommends CI/CD patterns, hosting and infra choices, canary or blue-green cutovers, secrets management, and rollback runbooks so SaaS and API services launch safely with verifiable smoke checks.128installs54Context PreserverImplements context preservation for AI-assisted repos: capture architecture decisions, active task state, file relevance, and constraints into durable handoff artifacts so Codex and other agents resume work with accurate project memory instead of losing thread mid-build.123installs55User ResearcherUser researcher skill in ai-dev-standards helps teams discover and document audience needs through structured research plans, interview guides, and synthesis of insights into personas and jobs-to-be-done before validation or build commitments.122installs56Release ManagerThe release-manager skill from daffy0208/ai-dev-standards guides Claude Code through end-to-end release operations: versioning, changelogs, staged deploys, rollback strategy, and launch verification so AI-accelerated delivery still follows disciplined production hygiene.121installs57System DiagnosticianThe system-diagnostician skill from daffy0208/ai-dev-standards guides Claude Code through operational debugging: reproduce failures, correlate logs and traces, bisect regressions from recent AI changes, and deliver minimal verified fixes for running SaaS, API, or agent systems.121installs58Framework OrchestratorFramework orchestrator skill from ai-dev-standards routes tasks across AI development frameworks, enforces shared conventions, and composes agent pipelines so teams avoid conflicting prompts, tools, and quality bars when building agent-powered software.120installs59Orchestration PlannerThe orchestration planner skill from daffy0208/ai-dev-standards defines how Claude Code sessions decompose goals into ordered agent work, assign specialist personas, and maintain coherent context across parallel or serial tool use during AI-assisted software development.119installs60Manifest GeneratorAutomates creation of web and extension manifest files: validates required fields, icon sets, theme colors, shortcuts, and permission blocks so installable apps pass store and browser checks.116installs61Skill ValidatorThe skill-validator skill in ai-dev-standards helps Claude Code review and harden custom agent skills: clear triggers, valid schemas, safe boundaries, and repeatable behavior so new skills integrate cleanly into orchestrated AI development standards repos.115installs62Archon ManagerManages Archon agent environments end to end: initializes projects, connects MCP tools, defines agent roles and handoffs, and tunes knowledge retrieval so autonomous coding and research agents operate reliably inside dev workflows.114installs63Capability Graph BuilderBuilds capability graphs for LLM agents: encodes tools, skills, and constraints as navigable structures, defines safe invocation paths, and validates routing logic so multi-tool agents select the right actions under policy limits.114installs64Dark Matter AnalyzerDark Matter Analyzer inspects repositories for undocumented modules, hidden dependencies, orphaned code, and knowledge gaps, producing review-ready findings that reduce release risk from invisible technical debt.112installs