frontend-component-patterns
Build reusable, composable, and maintainable React/Vue/Angular components following established design patterns like compound components, render props, custom hooks, and HOCs. Use when creating component libraries, implementing component composition, building reusable UI elements, designing prop APIs, managing component state patterns, implementing controlled vs uncontrolled components, creating compound components, using render props or children as functions, building custom hooks, or establishing component architecture standards.
Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security
Installation for Agentic Skill
View all platforms →skilz install korallis/Droidz/frontend-component-patterns skilz install korallis/Droidz/frontend-component-patterns --agent opencode skilz install korallis/Droidz/frontend-component-patterns --agent codex skilz install korallis/Droidz/frontend-component-patterns --agent gemini
First time? Install Skilz: pip install skilz
Works with 14 AI coding assistants
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/korallis/Droidz cp -r Droidz/droidz_installer/payloads/droid_cli/default/skills/frontend-component-patterns ~/.claude/skills/ Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
agent-identifier
by anthropicsThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description",...
skill-development
by anthropicsThis skill should be used when the user wants to "create a skill", "add a skill to plugin", "write a new skill", "improve skill description", "organiz...
frontend-design
by anthropicsCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, a...
web-artifacts-builder
by anthropicsSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui...
Agentic Skill Details
- Repository
- Droidz
- Type
- Technical
- Meta-Domain
- development
- Primary Domain
- javascript
- Market Score
- 28.0
Browse Category
More development Agentic SkillsReport Security Issue
Found a security vulnerability in this agent skill?