new-page
CommunityBuild new pages with design system.
Author0futuresystems
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of new web pages by enforcing established design rules and component patterns, ensuring consistency and quality.
Core Features & Use Cases
- Page Generation: Creates new pages adhering to the project's design system.
- Design Enforcement: Ensures compliance with
design_rules.mdandclient/src/design-tokens.ts. - Section Inclusion: Mandates specific sections like a full-blue trust-gradient and a Buy Now Pay Later style section.
- Placeholder Images: Integrates placeholder images for visual content.
- Use Case: A marketing team needs to quickly launch a new product landing page that matches the existing website's look and feel, including specific promotional sections and imagery.
Quick Start
Use the new-page skill to create a new page with a full-blue trust-gradient section and two sections with placeholder images.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: new-page Download link: https://github.com/0futuresystems/future-water-systems/archive/main.zip#new-page Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.