All authors
Claude Skills by CongDon1207
github.com/CongDon120757 skills0 installs74 views
- Frontend DesignCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications, OR when they provide screenshots/images/designs to replicate or draw inspiration from. For screenshot inputs, extracts design guidelines first using ai-multimodal analysis, then implements code following those guidelines. Generates creative, polished code that avoids generic AI aesthetics.Votes: 0GitHub stars: 18
- Frontend DevelopmentFrontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.Votes: 0GitHub stars: 18
- PlanningUse when you need to plan technical solutions that are scalable, secure, and maintainable.Votes: 0GitHub stars: 18
- Project IndexGenerate and maintain a project structure index for fast AI navigation. Creates docs/structure.md with an AI-friendly map + tree. Use when starting a new project, after major changes, or when docs/structure.md is stale.Votes: 0GitHub stars: 18
- Skill CreatorGuide for creating effective skills, adding skill references, skill scripts or optimizing existing skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends OpenCode's capabilities with specialized knowledge, workflows, frameworks, libraries or plugins usage, or API and tool integrations.Votes: 0GitHub stars: 18
- Tasks Spec UpdateUse when updating specifications, comparing branches, or ensuring documentation reflects current implementation.Votes: 0GitHub stars: 18
- Tasks Test GenerationUse for DEVELOPER-focused unit/integration test code with xUnit (C#) and Jest (Angular) patterns. Provides ready-to-use test templates for commands, queries, entities, and components. Best for implementing actual test code. NOT for QA test specifications (use test-generation instead).Votes: 0GitHub stars: 18