daffy0208/ai-dev-standards
5 skills3.5k installs141 starsGitHub
Install
npx skills add https://github.com/daffy0208/ai-dev-standardsSkills in this repo
1Animation DesignerAnimation Designer is an agent skill for solo builders who want credible motion in React and CSS without re-learning Framer Motion every sprint. It targets page transitions, micro-interactions, scroll animations, loading skeletons, hover feedback, and richer interactions such as drag and gestures. The skill orients around Framer Motion as the default React path, CSS keyframes for lighter cases, Tailwind utility patterns, and GSAP when timelines need more control. Typical prompts include smoothing route changes, scaling modals on enter and exit, parallax heroes, and skeleton cards while data loads. It pairs naturally with interface design and performance tuning, and it nudges you toward reduced-motion accessibility rather than animation for its own sake. Install it when the UI is functionally done but feels static, or when marketing pages need motion that still respects bundle and frame budgets on indie traffic.1.4kinstalls2Brand DesignerBrand Designer is an agent skill aimed at solo builders who need a credible visual identity without hiring a studio before the first shipped UI. It covers logo concepts, color systems, typography rules, written brand guidelines, and practical templates such as social frames or business-card layouts—oriented toward cohesive artifacts you can hand to frontend work or launch channels. The skill declares medium cost and latency, low risk, and file-modifying side effects, with a project-initialized precondition so agents run in a real repo context. Activate it when naming and positioning exist but the product still looks default-template, or when launch assets need to match an in-progress app shell. It composes forward into frontend implementation and distribution creative rather than replacing UX research or component-level UI polish.1kinstalls33d Visualizer3d-visualizer is an agent skill focused on Three.js and React Three Fiber for solo builders shipping interactive 3D on the web. It helps you stand up Canvas scenes, standard lighting rigs, mesh primitives, camera controls, and typed React components suitable for SaaS demos, portfolio pieces, or lightweight games. The skill spans aesthetic product spinners, node-network visualizations, and geospatial or scientific plots when flat charts fail. Expect guidance on dependency installs, client-only Next.js patterns, and performance-minded defaults rather than a full game engine pipeline. Use it when the differentiator is spatial storytelling—configurators, immersive onboarding, or analytics that benefit from depth. Skip it for native mobile 3D (Unity/Unreal) or when 2D D3 charts suffice. Pair with your design system for UI chrome around the canvas. Review Security Audits on Prism before piping untrusted model URLs into loaders.554installs4Data VisualizerData Visualizer is an agent skill for solo builders who need production-grade charts and dashboards without reinventing visualization patterns each sprint. It targets founders shipping SaaS analytics panels, internal admin views, or content sites with embedded metrics, using natural-language tasks like revenue trend lines or KPI boards. The skill emphasizes modern library usage, accessible palettes, responsive layout, performance tuning, and export affordances so dashboards feel credible to paying users. Preconditions expect a initialized project environment; applying it modifies files and creates artifacts, so you should run it from a repo you control. Complexity sits at intermediate because wiring data sources, state updates, and chart options still benefits from basic frontend literacy. Use it during Build when the product story depends on visible data—not when you only need a one-off spreadsheet outside the codebase.541installs5Knowledge Base ManagerKnowledge Base Manager is an agent skill for indie builders creating knowledge-intensive products—support bots, internal copilots, research assistants, or customer-facing Q&A—who need more than a folder of markdown. It treats a knowledge base as structured information plus quality curation and accessibility, not a one-time scrape. The skill walks through when unified, versioned knowledge pays off (frequent updates, multiple sources, provenance requirements, complex domains) versus when a static site or short FAQ is enough. It orients you toward patterns that connect retrieval pipelines and entity relationships so agents answer consistently and cite sources. For solo operators wearing product and engineering hats, it is the planning and architecture layer before you pick Pinecone, Postgres, or a graph DB. Maintenance expectations are explicit: without owners and update rituals, the skill argues you should not build a KB at all. Use it while scoping Validate prototypes and while implementing Build integrations, then revisit Operate when refresh cadence and drift become operational problems.1installs