Component Design Guide For Designers
F 50 completed
Other
web_app / typescript · small
135
Files
21,421
LOC
2
Frameworks
8
Languages
Pipeline State
completedRun ID
#394581Phase
doneProgress
1%Started
Finished
2026-04-13 01:31:02LLM tokens
0Pipeline Metadata
Stage
SkippedDecision
skip_scaffold_dupNovelty
39.33Framework unique
—Isolation
—Last stage change
2026-04-16 18:15:42Deduplication group #47990
Member of a group with 1 similar repo(s) — canonical #92739 view group →
Top concepts (1)
Web Frontend
Repobility · MCP-ready · https://repobility.com
AI Prompt
Create a component design guide web application using React and Vite. I need this guide to be comprehensive for designers, so please structure it to include sections for articles, books, and illustrations. The project should support markdown and JSON content, and I'd like to include a README that explains how to use the Zenn CLI, linking to the guide. Please use TypeScript for the codebase.
typescript react vite web-app design-guide markdown json component-library
Generated by gemma4:latest
Catalog Information
- 📘 How to use
Description
- 📘 How to use
Novelty
3/10Tags
typescript react vite web-app design-guide markdown json component-library
Claude Models
claude-opus-4-6
Quality Score
F
49.5/100
Structure
37
Code Quality
70
Documentation
34
Testing
0
Practices
67
Security
92
Dependencies
60
Strengths
- Consistent naming conventions (kebab-case)
- Low average code complexity \u2014 well-structured code
- Good security practices \u2014 no major issues detected
Weaknesses
- No LICENSE file \u2014 legal ambiguity for contributors
- No tests found \u2014 high risk of regressions
- No CI/CD configuration \u2014 manual testing and deployment
- 3402 duplicate lines detected \u2014 consider DRY refactoring
- 2 'god files' with >500 LOC need decomposition
Recommendations
- Add a test suite \u2014 start with critical path integration tests
- Set up CI/CD (GitHub Actions recommended) to automate testing and deployment
- Add a linter configuration to enforce code style consistency
- Add a LICENSE file (MIT recommended for open source)
Security & Health
16.1h
Tech Debt (B)
A
OWASP (100%)
FAIL
Quality Gate
A
Risk (14)
Source: Repobility analyzer · https://repobility.com
Unknown
License
13.2%
Duplication
Languages
Frameworks
React Vite
Concepts (1)
| Category | Name | Description | Confidence | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Source: Repobility analyzer · https://repobility.com | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| auto_category | Web Frontend | web-frontend | 70% | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Embed Badge
Add to your README:
